我在我的網上商店中使用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>
移動的jquery包括無限滾動的頂部包括。 –
只需交換JS的順序。讓JQuery成爲第一個JS,它將起作用。 –
我的不好,複製粘貼失敗。我只是絕望,這就是爲什麼我試圖互換,現在的代碼片段是正確的。 – Sylnois