zoukankan      html  css  js  c++  java
  • js报TypeError $(...) is null错误,jquery失效的原因及解决办法

    最近在工作中发现个问题,原本好好的网页,写了一些自己的jquery代 码之后,竟然总是不起作用,无论写的多么简单,都不起作用,似乎jquery失效了一般,在火狐下调试看了下,页面报TypeError $(...) is null这种错误,找了半天原因最后发现竟是页面中加载的一个插件给捣的鬼,是它将jquery的$方法给覆盖了。对于这个问题,现在分享两种解决方法。

    (1)删冲突插件,jquery作为基础库,当然是没有理由被删了。这个方法最直接了。

    (2)将jquery的$方法改名,具体改名方法如下:

    jQuery.noConflict();//将变量$的控制权让渡给给其他插件或库
    jQuery(function(){//不在直接使用$,而是使用jQuery
        jQuery("p").click(function(){
            alert( jQuery(this).text() );
        });
    });

    当然如果你感觉jquery写起来比较累,还可以这么写:

    var $phpernote=jQuery.noConflict();//自定义一个比较短快捷方式
    $phpernote(function(){//使用jQuery
        $phpernote("p").click(function(){
            alert( $phpernote(this).text() );
        });
    });
  • 相关阅读:
    http请求的跨域
    事件驱动模型
    单例设计
    引用类型与垃圾回收
    注解开发
    Java的反射机制
    Android Listener 监听的几种写法
    人生必须有所规划,工作是好比马拉松
    Android 常用的常量
    Android 常见的广播 action常量
  • 原文地址:https://www.cnblogs.com/gzmg/p/3725093.html
Copyright © 2011-2022 走看看