無限滾動不起作用

我爲我的頁面使用了無限滾動插件，但在編寫代碼後它似乎無法正常工作。我滾動到頁面底部，但無限滾動並未被觸發。我已經包含了所有必要的文件，但仍然沒有用。我已經包含了xhtml頁面。我已經通過了stackoverflow網站，但我無法找到任何類似於我的問題。無限滾動不起作用

1）XHTML

<html xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:ui="http://java.sun.com/jsf/facelets" 
    xmlns:h="http://java.sun.com/jsf/html" 
    xmlns:f="http://java.sun.com/jsf/core" 
    xmlns:p="http://primefaces.org/ui" 
    xmlns:c="http://java.sun.com/jsp/jstl/core"> 


<h:head> 
    <link href="Css/StyleSheet.css" rel="stylesheet" type="text/css" 
     media="screen" /> 



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

    $('#box').infinitescroll({ 

     navSelector : '#page-nav',    
         // selector for the paged navigation (it will be hidden) 
     nextSelector : '#page-nav a',  
         // selector for the NEXT link (to page 2) 
     itemSelector : '.box'   
         // selector for all items you'll retrieve 
     behaviour: 'twitter'    
     }); 
</script> 

</h:head> 



<h:body class="thrColElsHdr"> 

      <div class="box"> 
       // Content 

      </div> 

<div id="page-nav"> 
    <a href="getMoreStatusList.xhtml"></a> 
</div> 

      <!-- end #mainContent --> 
     </div> 


    </div> 

</h:body>

來源

2013-03-02 Wizard Sultan

您帶來的infinitescroll插件腳本，但不是jQuery的本身。此外，一旦你有jQuery進入，你可能會想要將你的腳本包裝在[文檔就緒函數]（http://api.jquery.com/ready/）中。 – Bryan 2013-03-02 22:52:20

包含jquery文件並將其包裝在文檔準備好的功能中，但仍不會觸發。 – 2013-03-02 22:55:56

我看到的唯一另外一件事就是你正在設置一個帶有id的元素的infinitescroll（即'$（'＃box'）...'），但是標記中顯示的元素有一個box類，不是id。嘗試改成'$（'。box'）。infinitescroll（{...}）;' – Bryan 2013-03-02 22:59:19

你錯過了一個逗號後：

itemSelector： '.box的'

來源

2013-04-11 15:27:21 user1775718

無限滾動不起作用

回答

相關問題