Question

我正在网站上使用jquery coda slider 2.0，它在http://www.virtualmob.co.uk/solutions.html

的所有页面上运行良好

但是当我在图库页面http://www.virtualmob.co.uk/gallery.html

上添加图库时

与web.js＆amp;冲突在浏览器上给我一个下面提到的错误：

未捕获的TypeError：无法调用null
的方法'removeClass'
在行号jquery.coda-slider-2.0.js：9

我在上面尝试了 $。noConflict（）; ，如下所述，

$.noConflict();
$(function(){
// Remove the coda-slider-no-js class from the body
$("body").removeClass("coda-slider-no-js");
// Preloader
$(".coda-slider").children('.panel').hide().end().prepend('<p class="loading">Loading...<br /><img src="images/ajax-loader.gif" alt="loading..." /></p>');
});`

但它仍然不起作用＆amp;向我显示以下错误

 Uncaught TypeError: Property '$' of object [object Window] is not a function

我也尝试在web.js上添加这个，但这对我没有帮助

请指导此删除冲突如何删除？

Answer 1

您在$中使用$.noConflict，如果您想避免冲突，请使用jQuery关键字而不是$并将返回的值保存在变量中：< / p>

var $ref = jQuery.noConflict();
$ref(function(){
  // ... 
})

您也可以将代码放入闭包中：

(function($){
    $(function(){
       $('body').foo()
    })
})(jQuery);

Answer 2

对于其他用户，下面提到它解决了：

我使用下面提到的行，如上面的帖子

中所述

(function($){
    $(function(){
       $('body').foo()
    });
})(jQuery);

然后我移动我的html页面上的$.document.ready脚本以启动脚本到js文件＆amp;有用。：）

Coda滑块相互矛盾

2 个答案: