jQuery.append()添加元素后响应原有事件问题
最新推荐文章于 2024-07-26 03:26:06 发布
本文探讨了使用JQuery动态添加元素后原有事件处理程序失效的问题。通过具体实例展示了如何为动态添加的元素绑定鼠标移动事件,以及解决此问题的方法。
本文探讨了使用JQuery动态添加元素后原有事件处理程序失效的问题。通过具体实例展示了如何为动态添加的元素绑定鼠标移动事件,以及解决此问题的方法。
1294
//这个是说明问题的代码,并不是全部
$(document).ready(function()
{
//这里是监控一个范围内的li的鼠标移动操作,移动上面后增加一个样式,同样的还有一个mouseover的操作,再这里不帖了
$('#maintain_body .category ul li').mousemove(function()
{
$(this).each(function(i)
{
$(this).addClass('selected');
});
});
//这里是在页面中点击某个按钮后在#maintain_body .category范围内动态增加一个ul的代码
var subUl=$('');
var subCategory=$('
-
');subCategory.attr('id',subCategoryLabel+i.id);
subCategory.html(i.name);
subCategory.appendTo(subUl);
subUl.appendTo('#category_2');
//新增加的UL理论上是在$('#maintain_body .category ul li')的控制范围内的
//问题是,新增加的ul显示在页面后无法响应mousemove等的操作,怀疑问题是因为jquery是在$(document).ready的时候根据现有的HTML构造程序处理流程,而append新增加的元素没有加到程序处理流程中,请问这样的问题应该如何解决
}