Uncaught TypeError: Cannot read property 'click' of null

最新推荐文章于 2026-06-15 12:35:57 发布

原创最新推荐文章于 2026-06-15 12:35:57 发布 · 5k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #jquery #js

收录于

JavaScript 专栏收录该内容

10 篇文章

订阅专栏

本文分析了在使用jQuery监听click事件时遇到的“未捕获错误类型：无法读取空的属性‘click’”的问题，并提供了解决方案。通常是因为jQuery的$方法被覆盖导致，解决方法是将$改为jQuery使用，或调用jQuery.noConflict()来避免冲突。

问题描述

从错误提示来看，表示“未捕获错误类型：无法读取空的属性“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)
    })
})