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

次の後にカンマを逃しました:

itemSelector : '.box'

于 2013-04-11T15:27:21.223 に答える