[英]load data with ajax not correctly
我正在创建一个网页,我用ajax加载数据。
的HTML
<div class="containerHome scrollNew">
<div class="single loop_a1" id="{SLUG}">
</div>
</div>
JAVASCRIPT
$('.homeLeftContainer .single:last').bind('enterviewport', myHandler).bind('leaveviewport', myHandler).bullseye();
function myHandler(e) {
var last_slug_a1 = $(".homeLeftContainer .single:last").attr("id"); //Last article Slug
//alert(last_slug_a1);
$('div#last_msg_loader').html('<img src="img/loader.gif">');
$.post("modules/frontend/ajax/load_data.php?action=get&last_msg_id="+last_slug_a1,
function(data){
if (data != "") {
$(".homeLeftContainer .single:last").after(data);
}
$('div#last_msg_loader').empty();
});
}
这段代码工作正常。 当.single div进入屏幕或离开屏幕时,它放置数据。 这段代码的问题是它没有动态获取var last_slug_a1值。 仅当垂直div(4th)显示或离开视口时,才会触发ajax页面。
我尝试$(window).scroll函数,但显示磨损的结果。 你能告诉我如何解决这个问题吗?
您应该使用此:
$(document).on("click","#selector",function(){
//should be okay now
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.