Как решить эту ошибку бесконечной загрузки/разбиения на страницы jquery
Я пытаюсь создать демо-приложение для "бесконечной разбиения на страницы", что-то вроде twitter. Но я уже почти рядом. Небольшая проблема, с которой я сталкиваюсь, - это передача необходимых значений каждый раз, когда я добавляю новый div. Вот часть кода (минус SQL-запросы)
Все прекрасно работает с кодом, кроме той части, где мне нужно добавить(клонировать) новый div, чтобы я мог добавить его к существующим. На данный момент я могу добавить их, но я не получаю правильных значений. Как мне это сделать? Я чувствую его где-то вокруг .clone часть моего кода
Что я уже пробовал:
<div class="row"> <div id="dvProducts" class="col-md-12"> <asp:Repeater ID="PRepeater" runat="server"> <HeaderTemplate></HeaderTemplate> <ItemTemplate> <div class="col-md-3"> <div class="thumbnail link"> <a href="Single.aspx?This=<%#Eval("Code") %>" class="code"> <img src='<%#"data:Image/jpg;base64,"+ Convert.ToBase64String((byte[])Eval("Image1")) %>' alt="" style="width:100%; height:250px" class="img-responsive myImage" /> </a> </div> <div id="view"> </a><a href="Singleproduct.aspx?This=<%#Eval("Code") %>" class="btn">View Product</a></a> </div> </div> </ItemTemplate> </asp:Repeater> <div class="col-md-offset-5"> <img id="loader" alt="" src="bootstrap/images.png" style="display: none" /> </div> </div> </div>
<script type="text/javascript"> var pageIndex = 1; var pageCount; $(window).scroll(function () { if ($(window).scrollTop() == $(document).height() - $(window).height()) { GetRecords(); } }); function GetRecords() { pageIndex++; if (pageIndex == 2 || pageIndex <= pageCount) { $("#loader").show(); $.ajax({ type: "POST", url: "Records.aspx/GetRec", data: '{pageIndex: ' + pageIndex + '}', contentType: "application/json; charset=utf-8", dataType: "json", success: OnSuccess, async: false, cache: false, failure: function (response) { alert(response.d); }, error: function (response) { alert(response.d); } }); } } function OnSuccess(response) { var xmlDoc = $.parseXML(response.d); var xml = $(xmlDoc); pageCount = parseInt(xml.find("PageCount").eq(0).find("PageCount").text()); var customers = xml.find("MyRecords"); customers.each(function () { var customer = $(this); var table = $("#dvProducts div").eq(0).clone(true); $(".link", table); $(".myImage", table).html(customer.find("Image1").text()); $(".view", table); $("#dvProducts").append(table); }); $("#loader").hide(); } </script>