與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();} 
     }); 
    }); 

我的問題是，即使被填充的下一個環節，它沒有被使用。示例輸出：

1日滾動：

<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

我想通了，通過郵局的解決方案一部分的方式，以爲我反正分享。

這主要是我derping的範圍。移動：

var pn = 1; 

和

function incrementAndSet(){ 

的

$(document).ready(function(){ 

外讓我利用在局部視圖的

$(document).ready(function(){ 

計數器（PN），這意味着我可以撥打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();} 
     }); 
    });