jQuery的未捕獲的類型錯誤：無限滾動

所以，我下面教程來實現無限滾動：http://www.infinite-scroll.com/infinite-scroll-jquery-plugin/comment-page-3/jQuery的未捕獲的類型錯誤：無限滾動

在我的頁腳，我加入<script type="text/javascript" src="http://example.com/js/jquery.infinitescroll.min.js"></script>

在javascript.js文件，添加以下（相同到教程）：

// infinitescroll() is called on the element that surrounds 
// the items you will be loading more of 
    $('#content').infinitescroll({ 

    navSelector : "div.navigation",    
       // selector for the paged navigation (it will be hidden) 
    nextSelector : "div.navigation a:first",  
       // selector for the NEXT link (to page 2) 
    itemSelector : "#content div.post"   
       // selector for all items you'll retrieve 
});

但是，我得到Uncaught TypeError: jQuery(...).infinitescroll is not a function錯誤。

所以，我添加了js文件並添加了與本教程非常相似的腳本。我可以看到，js文件和腳本都顯示在頁面上，但仍然出現錯誤。

有人能幫助我，爲什麼我得到一個錯誤？

謝謝！

來源

2015-08-27 Emily Turcato

有你加入'jquery.infinitescroll.js'正確到您的網頁 – vijayP

後jquery.js''功能可能會得到圖書館前執行有時間加載。爲了確保不會發生''（function（）{// code goes here ...}'）的所有代碼'' –

您應該確保您的初始化代碼位於$（function（）{}）內部，因爲您需要在運行infinitescroll之前準備好DOM。然後你必須確保頁面中有一個id =「content」的元素。因此，請確保您有這樣的事情：

<div id="content">...</div> 

<script src="jquery.infinitescroll.js"></script> 

<script> 
$(function() { 
// infinitescroll() is called on the element that surrounds 
// the items you will be loading more of 
    $('#content').infinitescroll({ 

    navSelector : "div.navigation",    
       // selector for the paged navigation (it will be hidden) 
    nextSelector : "div.navigation a:first",  
       // selector for the NEXT link (to page 2) 
    itemSelector : "#content div.post"   
       // selector for all items you'll retrieve 
}); 
}); 
</script>

來源

2015-08-27 08:45:31

謝謝。我學到了一些新東西。 =） –

您是否在頁眉中添加插件文件？

你必須從你所提供的插件頁面下載它，並把它添加爲：

<script src="jquery.infinitescroll.js"></script>

在腳本代碼的網頁的頭部分，在那裏你加載的jQuery 請適應SRC的

指向您放置js的目錄的路徑。

來源

2015-08-27 08:40:07

jQuery的未捕獲的類型錯誤：無限滾動

回答

相關問題