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