jQueryプラグインがロードされていますが、TypeErrorがあります

Question

私のオンラインショップでjQuery 3.xとInfinite Scroll 3.x（https://infinite-scroll.com）を使用しています。私が使用しているオンラインショップソフトウェアはShopifyと呼ばれています。私はこれまでのところ好きですが、私が使用しているjavascriptで大きな問題があります。私は、無限スクロールを使用したいが、私が得たすべては、私がしたすべては、この下のコードscnippetある

jQuery.Deferred exception: $(...).infiniteScroll is not a function TypeError: $(...).infiniteScroll is not a function

です。上記のエラーが発生しましたが、ローカルの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プラグインを読み込みます。