加载了jQuery插件，但我得到了TypeError

Question

我在网上商店使用jQuery 3.x和Infinite Scroll 3.x（https://infinite-scroll.com）。我使用的在线商店软件叫做Shopify。到目前为止我喜欢它，但是我使用的javascripts存在很大问题。我想使用Infinite Scroll，但我得到的只是一个

  

jQuery.Deferred异常：$（...）。infiniteScroll不是函数   TypeError：$（...）。infiniteScroll不是函数

我所做的就是下面的代码组。当我尝试将其粘贴到我的在线商店页面时，我收到了上述错误，但是当我创建一个本地index.html文件并尝试完全相同的代码段时，我得到没有错误 。

我已经检查过两个脚本都已加载，我甚至认为这可能是一个超时问题，所以我在运行.infinteScroll方法之前就做了超时，但仍然是上面的错误。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://unpkg.com/infinite-scroll@3/dist/infinite-scroll.pkgd.min.js"></script>
<script>
    $(document).ready(function(){
        $('.container').infiniteScroll({
            // options
            path: '.pagination__next',
            append: '.post',
            history: false,
        });

    });
</script>

Answer 1

我可以看到你在网站上多次加载了jQuery。这可能会造成冲突。清理它并在主题中加载jQuery一次。之后加载所有jQuery插件。