`
JavaSam
  • 浏览: 951882 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQuery.append()添加元素后响应原有事件问题

 
阅读更多

Jquery append 新的元素无法响应已有处理程序

问题代码:
//这个是说明问题的代码,并不是全部
$(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新增加的元素没有加到程序处理流程中,请问这样的问题应该如何解决
}
分享到:
评论

相关推荐

    jQuery1.3及jquery1.4.1和jQuery_API.mxp

    - **`.live()` 方法**:在1.3版本中,`.live()` 函数首次引入,允许事件处理程序绑定到文档的根节点,这样即使动态添加的元素也能响应事件,提高了代码的可维护性。 ### 3. 动画改进 - **`.animate()` 方法**:1.3...

    解决jquery appaend元素中id绑定事件失效的问题

    标题和描述提到的问题正是这种情况,即使用`append`方法添加含有ID的元素后,与该ID关联的事件失效。 首先,让我们深入理解这个问题。在jQuery中,事件处理通常有两种方式:直接绑定和代理绑定。直接绑定是指直接将...

    jQuery中append、insertBefore、after与insertAfter方法注意事项

    在介绍before和after方法之前,需要提一下,这些方法在移动元素时,并不改变其原有绑定的事件处理器。这意味着,即使元素位置发生了变化,之前绑定的事件依然有效,这对于提高用户界面的响应性非常有帮助。 before...

    JQuery教程.pdf

    JQuery允许我们使用自定义选择器来选择页面中的元素,这使得我们可以在不修改原有代码的基础上,添加特定选择功能。自定义选择器可以基于属性、位置、内容等多种条件。 知识点十五:JQuery中的插件编写 JQuery的...

    tableRow 表格与复选框配合jquery插件.zip

    6. 动态DOM操作:jQuery提供了便利的DOM操作方法,如`.append()`, `.prepend()`, `.html()`, `.attr()`等,用于在页面加载后修改元素。插件可能用这些方法来根据复选框的状态改变表格行的样式或数据。 7. 数据管理...

    jquery 排序, jquery 动态修改列

    在IT领域,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。本文将深入探讨“jQuery排序”和“jQuery动态修改列”这两个主题,帮助开发者更好地理解和应用jQuery。 首先,...

    jquery无刷新分页.排序

    4. 处理响应数据:服务器返回数据后,使用jQuery操作DOM,动态更新页面上的数据展示区。 5. 更新分页导航:根据返回的总页数,更新分页导航的页码按钮状态。 二、无刷新排序 无刷新排序允许用户对数据显示顺序...

    jQuery无限加载瀑布流.zip

    jQuery的`$(selector).css()`函数可以帮助我们设置元素的样式,而`$(selector).append()`则用于添加新的DOM元素。 在CSS方面,我们需要为瀑布流的元素定义基础样式,包括宽高比、边距等。同时,为了适应不同的屏幕...

    Jquery API chm

    jQuery提供了丰富的DOM操作方法,如`.append()`用于在元素内部添加内容,`.remove()`用于删除元素,`.html()`用于获取或设置元素的HTML内容,以及`.attr()`和`.removeAttr()`用于处理属性。 **事件处理** jQuery...

    jquery学习资料

    `.clone()`可以复制元素,`.detach()`则保留原有事件绑定的情况下移除元素。 ### 事件处理 jQuery提供了一种统一的方式来绑定和解绑事件,如`.on()`和`.off()`. `.click()`, `.mouseover()`, `.mouseout()`等是...

    JQuery源码的奥秘逐行分析视频教程

    - **元素创建与插入**:例如 `append()`, `prepend()` 方法用于在文档中创建新元素或添加现有元素。 ##### 3. 事件处理 - **绑定事件监听器**:`on()` 方法允许用户为指定的元素绑定一个或多个事件监听器。 - **...

    锋利的JQuery第二版的源码.rar

    通过研究这些源码,开发者可以学习到如何利用jQuery选择器来选取DOM元素,如何使用链式操作简化代码,以及如何编写高效且流畅的DOM操作和事件处理函数。此外,书中还可能涵盖了jQuery的插件开发、AJAX交互、动画效果...

    jquery 动态遍历select 赋值的实例

    具体而言,首先会清空原有的select元素内容,然后通过$.each()方法遍历从服务器返回的数据,创建新的option元素并添加到select元素中。 知识点三:$.ajax()方法详解 $.ajax()方法是一个在页面中实现异步HTTP(Ajax...

    jQuery点击遮罩弹出层固定居中代码.zip

    2. **DOM操作**:jQuery提供了丰富的选择器来选取DOM元素,并通过`.append()`、`.html()`等方法动态添加或修改HTML内容,实现弹出层的创建和更新。 3. **CSS样式应用**:为了让弹出层居中,我们需要设置合适的CSS...

    重新认识Jquery中的html()方法

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理和Ajax交互等任务。本文将深入探讨jQuery中的`html()`方法,帮助开发者更全面地理解这个功能强大的工具。 `html()`方法是jQuery中用于...

    jQuery侧边栏式lightbox图片画廊插件

    1. jQuery的选择器和DOM操作:通过jQuery选择器快速定位到需要添加lightbbox功能的元素,然后利用jQuery的方法如`.on()`绑定事件,`.append()`添加HTML元素等,实现图片的展示和隐藏。 2. CSS3动画:为了实现平滑的...

    使用jQuery和CSS将背景图片拉伸.doc

    需要注意的是,当使用jQuery动态设置图片尺寸时,图片可能会失真,因为它可能被拉伸超出原始比例,因此建议使用背景图片的响应式设计,保持图片的原有比例。 总结来说,实现背景图片拉伸效果有两种方法:一是使用...

    jQuery实现动态控制页面元素的方法分析

    1. jQuery事件响应机制:文档中提到了在添加用户和删除好友的场景中,通过点击操作触发onclick事件来响应用户行为。在jQuery中,事件绑定常使用`.on()`或`.click()`方法,但在这段描述中,通过在HTML元素上直接写入...

    jQuery选择学校、选择地区、选择行业、选择职位、选择国籍效果

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。本文将深入探讨如何利用jQuery实现选择学校、选择地区、选择行业、选择职位以及选择国籍的效果,这对于...

    jquery源代码

    每个jQuery方法都会返回一个jQuery对象,即使这个方法不改变原有的jQuery集合,这种设计大大提高了代码的可读性和效率。 三、jQuery的封装与扩展 jQuery通过封装JavaScript原生方法,提供了一致且易于使用的接口。...

Global site tag (gtag.js) - Google Analytics