jScroll的問題

Question

我正在嘗試使用jScroll基於遞增的頁碼重復加載部分視圖。 此局部視圖返回了幾個div，沒什么特別的。 為了進行無限滾動，部分視圖必須返回超鏈接標記，以便允許其自身查找要加載的下一頁（至少據我所知）。

所以我們有部分看法，

部分視圖：

    <div class="someClass"></div>
    <div class="someOtherClass"></div>
    <a class="jScroll-next" href="some/path/to/resource?pagenumber=1">

重復放置部分視圖的視圖，

視圖：

<div id="PrimaryDiv">
@PartialView 
</div>

以及有助於增強功能並將其鏈接在一起的jQuery。

jQuery的：

    $(document).ready(function (){

    var pn = 1;

    function incrementAndSet(){
        pn +=1;
        $('.jScroll-next').prop("href","some/path/to/resource?pagenumber=" + pn);
    }

        $(#PrimaryDiv).jscroll({
            autoTrigger: true,
            nextSelector: '.jScroll-next',
            callBack: function(){incrementAndSet();}
        });
     });

我的問題是，即使正在填充下一個鏈接，也不會使用它。 輸出示例：

第一卷：

<div id="PrimaryDiv">
    <div class="someClass">datavalueforpage1</div>
    <div class="someOtherClass">somedataonpage1</div>
    <a class="jScroll-next" href="some/path/to/resource?pagenumber=2">
</div>

第二卷：

<div id="PrimaryDiv">
    <div class="someClass">datavalueforpage1</div>
    <div class="someOtherClass">somedataonpage1</div>
    <div class="someClass">datavalueforpage1</div>
    <div class="someOtherClass">somedataonpage1</div>
    <a class="jScroll-next" href="some/path/to/resource?pagenumber=3">
</div>

Answer 1

我在帖子中找到了一個解決方案，以為我還是會分享它。

我主要是在研究范圍。 移動：

var pn = 1;

和

function incrementAndSet(){

外面的

    $(document).ready(function (){

讓我可以利用計數器中的計數器（pn）

    $(document).ready(function (){ 

部分視圖的含義，這意味着我可以在部分視圖上調用incrementAndSet()函數，以確保在部分視圖准備就緒時正確設置了數據。

所以我的文件看起來像這樣：

部分視圖：

.../Partial.js

<div class="someClass"></div>
<div class="someOtherClass"></div>
<a class="jScroll-next" href="some/path/to/resource?pagenumber=1">

父視圖：

.../Parent.js

<div id="PrimaryDiv">
@PartialView 
</div>

部分jQuery文件：

$(document).ready(function (){
    incrementAndSet();
    });

父jQuery文件：

    var pn = 1;

    function incrementAndSet(){
        pn +=1;
        $('.jScroll-next').prop("href","some/path/to/resource?pagenumber=" + pn);
    }

    $(document).ready(function (){
        $(#PrimaryDiv).jscroll({
            autoTrigger: true,
            nextSelector: '.jScroll-next',
            callBack: function(){incrementAndSet();}
        });
     });