百度地图API 与 jquery 同时使用时报 TypeError $(...) is null错误 失效的原因及解决办法

时间:2021-12-10 12:19:40

在引用百度地图API后,发现jquery 根据id 找不到 form。但是对于别的控件没有问题。
在排除了 html加载的问题后。 上网查找 发现以下解决办法:

原因应该是有冲突的插件。

解决办法将 $符号改为jQuery

引用:

http://www.phpernote.com/jquery/851.html

最近在工作中发现个问题,原本好好的网页,写了一些自己的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() );

});

});