我正在创建一个网页,我用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 值。 ajax页面仅在特定div(第4个)显示或离开视口时触发。
我trie $(window).scroll函数但它显示了weared结果。你能告诉我如何纠正这个问题吗?
答案 0 :(得分:0)
你应该用这个:
$(document).on("click","#selector",function(){
//should be okay now
});