Question

我在使用多个jQuery和js插件时遇到问题，但它们似乎发生冲突。这是我从控制台得到的错误：

“未捕获的TypeError：undefined不是函数”

指导我到main.js＆gt; （$ .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>

Answer 1

你不需要为每个插件添加不同的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>

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

多个jQuery库会产生冲突

1 个答案: