jquery.jscroll無法正常工作

Question

我正在嘗試在頁面中進行無限滾動，但是對我來說效果不佳。 以下是我為無限滾動實現的全部代碼。 實施以下代碼后，它立即開始立即加載所有數據。 無限滾動不適用於它。

主視圖

 <div class="scroll">
                @Html.Partial("_Products")
            </div>
<script src="~/Content/JavaScript/jquery.js"></script>
<script src="~/Content/JavaScript/jqueryui/jquery-ui-1.10.4.custom.min.js"></script>
<script src="~/Content/JavaScript/jquery.jscroll.js"></script>
<script type="text/javascript">
    $(function () {
        $('.scroll').jscroll({
            autoTrigger: true
        });
    });
</script>

調節器

Function PartialViewData(category_id As String, order_by As String, group_name As String) As ActionResult
            ViewBag.lstProducts = gController.CategoryProducts(category_id, order_by)
            Return PartialView("_Products")
        End Function

_Products.vbhtml。 這是局部視圖

@For Each MostViewed In ViewBag.lstProducts
    @<div class="col-sm-3">
        <div class="single-item">
            @If MostViewed.ItemTag <> "" Then
                @<div class="ribbon-wrapper"><div style="background-color:@MostViewed.ItemTagColor;" class="ribbon">@MostViewed.ItemTag</div></div>
            End If

            <div class="single-item-header wrapper">
                <a href="/Product/Index?id=@MostViewed.SKUID"><img src="@MostViewed.ItemImageUrl" class="image270320" alt="@MostViewed.ItemShortDesc"></a>
                <div class="description">
                    <div class="description_content">
                        @MostViewed.ItemShortDesc
                        <a class="add-to-cart pull-right" href="/ShoppingCart/AddToCart?sku_code=@MostViewed.SKUID"><i class="fa fa-shopping-cart shopcart"></i></a>
                        <a class="add-to-cart pull-right" href="/FavouriteList/AddToWishList?sku_code=@MostViewed.SKUID"><i class="fa fa-heart favorlist"></i></a>
                    </div>
                </div>
            </div>
            <div class="single-item-body">
                <p class="single-item-title">
                    @MostViewed.SKUID
                </p>
                <p class="single-item-price">
                    @If MostViewed.ItemDiscountedPrice <> "" Then
                        @<span class="flash-del">@Request.Cookies("currency_code").Value.ToString @Math.Round(Val(Request.Cookies("currency_rate").Value.ToString) * MostViewed.ItemOrignalPrice, 2, MidpointRounding.AwayFromZero)</span>
                        @<span class="flash-sale">@Request.Cookies("currency_code").Value.ToString @Math.Round(Val(Request.Cookies("currency_rate").Value.ToString) * MostViewed.ItemDiscountedPrice, 2, MidpointRounding.AwayFromZero)</span>
                    Else
                        @<span>@Request.Cookies("currency_code").Value.ToString @Math.Round(Val(Request.Cookies("currency_rate").Value.ToString) * MostViewed.ItemOrignalPrice, 2, MidpointRounding.AwayFromZero)</span>
                    End If

                </p>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
    Next
  <a href="/Product/PartialViewData?category_id=@Request.QueryString("category_id")&order_by=@Request.QueryString("order_by")&group_name=@Request.QueryString("group_name")">next page</a>

Answer 1

我剛剛得到上述問題的解決方案，只是因為的ID

<a href="/Product/PartialViewData?category_id=@Request.QueryString("category_id")&order_by=@Request.QueryString("order_by")&group_name=@Request.QueryString("group_name")">next page</a>

一旦我為每次啟動都設置了不同的ID

 <a id="@ViewBag.PageNo" href="/Product/PartialViewData?category_id=@Request.QueryString("category_id")&order_by=@Request.QueryString("order_by")&group_name=@Request.QueryString("group_name")">next page</a>

ViewBag.PageNo每當加載我的數據時都會更改