选择事件并将其应用于动态元素
select and apply event to dynamic element
我想使用 jquery 应用一些 css 来例如$('#btn').('color','red');
但问题是它不适用于我的下一个新添加元素,#btn。它仅适用于我存在的元素。
我使用
$('#btn').on(function(){
$(this).css('color','red');
});
但没有运气
你可能想看看DOM4突变观察者(W3C工作草案)。它们可用于在 DOM 发生更改时收到通知,因此您可以在新插入的节点上工作。另请查看突变摘要库。但是,并非所有浏览器都支持此功能。
如果这对您的用例来说似乎有点过分,请尝试在插入任何内容之前设置 CSS,或者在插入后触发自定义事件(例如使用 .trigger()
)。
你可以使用 .livequery() 插件
例如
$('#btn').livequery(function() {
$(this).css('color','red');
});
希望有帮助
谢谢
相关文章:
- 如何将Angular2管道应用于动态内容
- JQuery 逻辑未应用于动态创建的 html
- 使用 JavaScript 将 CSS 应用于动态生成的单选按钮
- 将不同的颜色应用于动态生成的 HTML 表行
- 选择事件并将其应用于动态元素
- 将 JS 重新应用于动态生成的内容
- 无法将 jquery 效果函数应用于动态创建的元素
- 如何将css样式应用于动态JavaScript数组
- 如何将灰度脚本应用于动态加载的图像
- Material Design Lite JS未应用于动态加载的html文件
- 将CSS应用于动态生成的元素
- 如何将类应用于动态插入的html元素
- 应用于动态可用字段的客户端验证
- 将CSS应用于动态创建的id
- 将函数应用于动态内容javascript/jquery
- 如何将jquery的Click事件应用于动态列表元素
- Jquery函数效果不应用于动态加载的内容
- 将代码应用于动态加载的图像
- 如何将.editable()应用于动态添加的元素
- 将CSS应用于动态命名的元素