Question

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

Answer 1

你错过了一个逗号：

itemSelector：'。box'

无限滚动不起作用

1 个答案: