抱歉,已经有解决方案了,但是我一直在这里查看大量的堆栈溢出信息,但似乎无法为我的问题找到解决方案。
我正在为网站创建无限滚动选项。
我从ajax调用中追加数据,该调用返回html并将其添加到一个div
名为<div class="append"></div>
$(document).ready(function(){
var last_id = $('#last_id').attr('value');
if (!last_id) {
$.ajax({
type: "POST",
url: "includes/getmorefirst.php?",
success: function(data) {
$( ".append" ).append(data).trigger("append");
}
});
};
$(window).scroll(function() {
if($(window).scrollTop() == $(document).height() - $(window).height()) {
$(function() {
$(".getmoremovies").live("append",function() {
var last_id = $(this).attr("id");
});
});
$.ajax({
type: "POST",
url: "includes/getmore.php?",
data: "last_id="+ last_id,
success: function(data) {
$( ".append" ).append(data).trigger("append");
}
});
return false;
}
});
});
此调用返回的HTML是
<div class="append">
<div class="divRow">
<div class="divCell">date here</div>
</div>
<div id="20" style="display:none" class="getmoremovies"></div>
</div>
AJAX
简单的第一部分将最初的20条记录简单地加载到页面上,然后返回该页面,<div id="20" style="display:none" class="getmoremovies"></div>
以便AJAX
调用的下一部分可以继续追加。
id=20
该div的值是返回的最后一条记录,因此我知道下次加载下一个20时从下一个位置开始,依此类推。
我遇到的问题是尝试获取id
attr
div的数字,<div id="20" style="display:none" class="getmoremovies"></div>
我需要获取该数字,以便可以再次通过AJAX
调用传递该数字。
我将a.trigger("append")
应用于实际值,append
因此这部分代码可以获取新值
$(function() {
$(".getmoremovies").live("append",function() {
var last_id = $(this).attr("id");
});
});
基本上,我需要获取last_id
attr才能再次通过。
希望这有意义
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句