Jquery在ajax刷新页面后不起作用
Jquery在ajax刷新页面后不起作用
提问于 2013-11-07 23:21:15
我使用jquery代码来检查所有复选框，我喜欢这样做：
var JQ7=jQuery.noConflict();
JQ7(document).ready(function(){
JQ7("#chkAll").click(function(){
JQ7(".chk").prop("checked",JQ7("#chkAll").prop("checked"))
})
});
...
<input type="checkbox" id="chkAll" />
...
<input type="checkbox" class="chk" />我将所有代码放在ajax页面中。在第一次加载时，它可以正常工作，但在我刷新之后，它对我不起作用。以下是ajax代码：
function showUser(str,pageno,type,sub)
{
if (str=="" || pageno=="" || type=="" || sub== "")
{
document.getElementById("txtHint").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","<?php echo $view['router']->generate('listing') ?>?page="+pageno+"&genre="+str+"&cat="+type+"&subcat="+sub,true);
xmlhttp.send();
}回答 2
Stack Overflow用户
回答已采纳
发布于 2013-11-07 23:27:15
如果要动态构建页面的部分，则需要将事件处理程序附加到$(.).on()，否则在替换元素时事件处理程序将丢失。或者，也可以在修改页面的该部分时重新附加事件处理程序。
您需要使用第二个选择器参数附加事件处理程序，如下所示：
$("#parent").on("click", ".item-to-be-clicked", function () {
...
});委托事件处理程序与非委托事件处理程序的示例：http://jsfiddle.net/pj5EW/
Stack Overflow用户
发布于 2013-11-07 23:42:58
相信赖安的回答：
正如当前编码的那样，单击处理程序将只应用于DOM中已经存在的元素。当您在DOM加载后动态生成这些元素时，单击处理程序将看不到它们。
您可以使用jQuery的on()到委托事件。这将处理程序放在文档(而不是元素)上，并允许您选择在DOM加载后添加到页面中的元素：
JQ7(document).on('click','#chkAll',function(){
var is_checked=this.checked;
JQ7(".chk").prop("checked",is_checked);
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19848737
复制相关文章
相似问题
腾讯云开发者
