1

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

4

1 回答 1

0

您在以下内容后遗漏了一个逗号：

项目选择器：'.box'

于 2013-04-11T15:27:21.223 回答