Uncaught TypeError: Cannot read property 'click' of null

问题描述

从错误提示来看，表示“未捕获错误类型：无法读取空的属性“click””，可以知道监听click事件的对象没有获取到。

举个栗子：

$("p").click(function () {
    console.log(123)
})

也就是说上面的 $("p") 为 null，获取不到对象。

分析

一般情况下都是 jQuery 的 $ 方法被覆盖。

解决方案

把 $ 改为 jQuery 使用

jQuery.noConflict(); // 将变量$的控制权让渡给给其他插件或库
jQuery(document).ready(function () {
    var $menu = jQuery(".navbar-nav li a");
    var $menulist = jQuery(".navbar-nav .dropdown .dropdown-menu");
    console.log($menu)
    console.log($menulist)

    $menu.click(function () {
        console.log(123)
    })
})