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

Question

我在我的在线商店中使用 jQuery 3.x 和 Infinite Scroll 3.x (https://infinite-scroll.com)。我使用的网店软件叫做 Shopify。到目前为止我喜欢它，但是我正在使用的 javascripts 有一个大问题。我想使用无限卷轴，但我得到的只是一个

jQuery.Deferred 异常：$(...).infiniteScroll 不是函数 TypeError: $(...).infiniteScroll 不是函数

我所做的只是下面的代码片段。当我尝试将其粘贴到我的在线商店页面时，出现上述错误，但是当我创建本地 index.html 文件并尝试完全相同的代码 sn-p 时，我得到 no error .

我已经检查了两个脚本都加载了，我什至认为这可能是一个超时问题，所以我在运行.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 插件。