在我的项目中,我有这个代码从mysql查询中获取结果并将其放入注释DIV和一个jquery代码,当我通过另一个页面代码向下滚动页面时,它会带给我更多结果
<body>
<div id="container">
<div class="comment">
<div id="comm">
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
var offset = $('.comment:last').offset();
$(window).scroll(function(){
if((offset.top-$(window).height() <= $(window).scrollTop())
&& load==false && ($('.comment').size()>=5) &&
($('.comment').size()!=$('.nb_com').text())){
var theme = $('.comment').attr('idtheme');
$.ajax({
url: 'ajax_scroll.php',
type: 'get',
data: 'theme='+theme,
success: function(data) {
$('.comment:last').after(data);
offset = $('.comment:last').offset();
}
});
}
});
});
</script>
我想将此javascript应用于我的评论DIV,但在我向下滚动页面之前它仅适用于DIVS
$('#confirmdelete a').click(function(){
var id_comm=$(this).attr('id');
if(confirm("Delete?")) {
$.ajax({
url: 'commentsdelete.php',
type: 'post',
async: false,
data:{
'id_comm': id_comm
},
success:function(){
}
});
}
else
{
}
return false;
});
如何为所有DIV应用此javascrip代码(在滚动之前和滚动之后)
感谢。
答案 0 :(得分:1)
解决方案1:
如果更改内容,请将您的点击功能添加到全局范围:
var onclickfunc=function(){
alert("clicked");
}
$('#confirmdelete a').click(onclickfunc);
//later in your ajax
sucess:function(data){
//add the content
//reassign:
$('#confirmdelete a').click(onclickfunc);
}
解决方案2(甚至更好):
检测是否单击了父元素,然后检查它是否为confirmdelete元素:
$(document).on("click","#confirmdelete a",function(){
//yourcode here
});