无限滚动不起作用

我为我的页面使用了无限滚动插件，但在编写代码后它似乎无法正常工作。我滚动到页面底部，但无限滚动并未被触发。我已经包含了所有必要的文件，但仍然没有用。我已经包含了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

无限滚动不起作用

回答

相关问题