Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 多个jQuery库产生冲突_Javascript_Jquery_Conflict_Slick.js - Fatal编程技术网

Javascript 多个jQuery库产生冲突

Javascript 多个jQuery库产生冲突,javascript,jquery,conflict,slick.js,Javascript,Jquery,Conflict,Slick.js,我在使用多个jQuery和js插件时遇到了问题,它们似乎有冲突。这是我从控制台得到的错误: “未捕获类型错误:未定义不是函数” 将我引导到main.js>($.scrollTo(scrollPosition+“px”,800,{axis:'y'});) 当我试图在我的网页上添加一个滑动条时,出现了这个问题。有人能单独帮我解决这个问题吗 关闭我的标记之前的代码如下所示: <script src="js/vendor/jquery-1.11.1.min.js"></scri

我在使用多个jQuery和js插件时遇到了问题,它们似乎有冲突。这是我从控制台得到的错误:

“未捕获类型错误:未定义不是函数”

将我引导到main.js>($.scrollTo(scrollPosition+“px”,800,{axis:'y'});)

当我试图在我的网页上添加一个滑动条时,出现了这个问题。有人能单独帮我解决这个问题吗

关闭我的标记之前的代码如下所示:

    <script src="js/vendor/jquery-1.11.1.min.js"></script>
    <script src="js/vendor/jquery.scrollTo-1.4.3.1-min.js"></script>

    <script src="js/plugins.js"></script>
    <script src="js/main.js"></script>
    <script src="js/detail.js"></script>
    <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <script type="text/javascript" src="js/slick/slick.min.js"></script>
    <script> 
        $(document).ready(function(){
            $('.single-item').slick();
              //setting-name: setting-value
        });
    </script>
</body>

$(文档).ready(函数(){
$('.single item').slick();
//设置名称:设置值
});

您不需要为每个插件包含不同的jQuery,1个就足够了

    <script src="js/vendor/jquery-1.11.1.min.js"></script>
    <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <script src="js/vendor/jquery.scrollTo-1.4.3.1-min.js"></script>

    <script src="js/plugins.js"></script>
    <script src="js/main.js"></script>
    <script src="js/detail.js"></script>
    <script src="js/slick/slick.min.js"></script>
    <script> 
        $(document).ready(function(){
            $('.single-item').slick();
              //setting-name: setting-value
        });
    </script>
</body>

$(文档).ready(函数(){
$('.single item').slick();
//设置名称:设置值
});

唯一的例外是,当您试图使用为jQuery 1.2.6编写的插件时,该插件与最新版本完全不兼容。但是,在这种情况下,我建议您寻找一个新插件。

最简单(也是最好)的解决方案-不要使用多个jQuery库-只使用一个。为什么要使用多个jQuery库和jQuery迁移?如果在任何页面上加载两个jQuery库,我可能会自杀!至于为什么,第二个版本正在删除第一个版本和绑定到它的所有插件在删除不必要的jQuery版本之后,我认为问题在于这个插件与我使用的jQuery版本不兼容。谢谢你的帮助,谢谢你认真对待我!