2017-07-17 52 views
0

我在我的網上商店中使用jQuery 3.x和無限滾動3.x(https://infinite-scroll.com)。我使用的在線商店軟件稱爲Shopify。到目前爲止,我喜歡它,但是我使用的javascripts有一個很大的問題。我想使用無限滾動,但我得到的只是一個jQuery插件加載,但我得到了類型錯誤

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

我所做的只是這是下面的代碼scnippet。當我嘗試將其粘貼到我的網上商店頁面時,出現上述錯誤,但是當我創建本地index.html文件並嘗試完全相同的代碼段時,我得到了無錯誤

我已經檢查過這兩個腳本都已加載,我甚至認爲這可能是一個超時問題,所以我在運行.infinteScroll方法之前做了一個超時,但仍然是上述錯誤。

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

    }); 
</script> 
+1

移動的jquery包括無限滾動的頂部包括。 –

+0

只需交換JS的順序。讓JQuery成爲第一個JS,它將起作用。 –

+0

我的不好,複製粘貼失敗。我只是絕望,這就是爲什麼我試圖互換,現在的代碼片段是正確的。 – Sylnois

回答

0

我可以看到你已經在你的網站上多次加載jQuery。這可能會造成衝突。清理它並只在你的主題中加載jQuery一次。之後加載所有jQuery插件。

enter image description here

enter image description here

enter image description here

相關問題