jQuery选择器不识别任何动态创建的HTML输入函数
jQuery selectors does not recognize ny dynamically created HTML input function
我正在使用Ajax将HTMl代码注入到dom中。它成功地做到了这一点,但我的jQuery选择器不适用于这个HTML输入
因此,如果我在Jquery中执行以下操作,它不会被识别。。。
$("input[id*='cb_Compare']").click(function ()
但是,如果我在服务器端代码中使用onclick函数来分配输入,则会起作用。
这是什么魔法?
如果DOM是动态添加的,则需要使用事件委派。阅读此链接以进一步了解。事件委托
$(document).on('click',"input[id*='cb_Compare']",function (){
//your code
});
将事件委派与直接父选择器一起使用是执行动态创建的元素的最佳方式
$("#parentSelector").on("click", "input[id*='cb_Compare']" , function() {
// your code here
});
或
$(document).on("click", "input[id*='cb_Compare']" , function() {
// your code here
});
由于您使用jQuery动态生成HTML,因此必须使用事件委派来绑定click()
事件,如图所示:-
$(document.body).on('click','input[id*="cb_Compare"]',function(){
//...your stuff
});
相关文章:
- 如何编写HTML输入的JS内联
- 如何在HTML输入字段中添加不可删除的后缀
- HTML输入中不可更改的前导字符
- 如何使用jQueryAjax使用动态html输入texbox提交表单
- 清理HTML输入值
- 如何使用jQuery动态创建HTML输入
- 通过javascript以编程方式将文件插入HTML输入
- jQuery选择器不识别任何动态创建的HTML输入函数
- 将JavaScript变量传递到HTML输入框和(在PHP文件中使用)
- 如何调用两个函数是一种html输入类型
- HTML输入框未触发事件
- 移动HTML输入文本框在提交时隐藏软键盘
- 按键事件上的简单HTML输入不起作用
- 选择同一文件时未触发HTML输入文件选择事件
- 如何使文本、数字和日期html输入字段以一致的方式支持Ctrl+Z(撤消)
- 更改 html 输入字段中的占位符属性
- 如何在不使用任何 html 输入/搜索元素的情况下读取本地客户端文本文件
- 持久性 HTML 输入占位符
- 将 html 输入转换为正确的编码
- 如何隐藏和显示 html 输入文本和段落