Javascript 动态表中的事件单击
我有一个动态表,当我单击“添加”时,它总是会添加一些字段和两个操作,一个要更改,另一个要删除,所以当我单击这些操作时,我想触发一个jquery事件,但当这些行被动态添加时,这不起作用,只有当我静态地放置它们时才起作用(红色)当我这样做时,我的动态线与静态线具有相同的效果Javascript 动态表中的事件单击,javascript,jquery,html,Javascript,Jquery,Html,我有一个动态表,当我单击“添加”时,它总是会添加一些字段和两个操作,一个要更改,另一个要删除,所以当我单击这些操作时,我想触发一个jquery事件,但当这些行被动态添加时,这不起作用,只有当我静态地放置它们时才起作用(红色)当我这样做时,我的动态线与静态线具有相同的效果 $(文档).ready(函数(){ $('.btnAlterarContato')。单击(函数(){ 警报(“点击更改”); 返回false; }); $('.btnRemoverContato')。单击(函数(){ 警报(“
$(文档).ready(函数(){
$('.btnAlterarContato')。单击(函数(){
警报(“点击更改”);
返回false;
});
$('.btnRemoverContato')。单击(函数(){
警报(“更改中删除”);
返回false;
});
$('#btnADD')。单击(函数(){
var newRow=$(“”);
var cols=“”;
cols+='';
cols+=''
cols+=''
cols+='';
newRow.append(cols);
$(“#contatos”).append(newRow);
});
});代码>
添加
Ações
您需要使用
说明:-
上述代码可以工作,因为它向父级添加了事件侦听器
元素,将为与选择器匹配的所有子体激发,
这些后代是现在存在还是将来添加。
你需要使用
说明:-
上述代码可以工作,因为它向父级添加了事件侦听器
元素,将为与选择器匹配的所有子体激发,
这些后代是现在存在还是将来添加。
问题如下:
静态标记位于同一个DOM引用中,而动态添加的标记位于其他引用DOM中
使用jquery
例:
或者使用事件onclick-in标记调用函数
<a style="color:red;" class='btnRemoverContato btnPadraoTabela' href="" onclick="nameFunction()"> Remover</a>
function nameFunction(){
//your code here
}
函数名函数(){
//你的代码在这里
}
sry my english:D问题如下:
静态标记位于同一个DOM引用中,而动态添加的标记位于其他引用DOM中
使用jquery
例:
或者使用事件onclick-in标记调用函数
<a style="color:red;" class='btnRemoverContato btnPadraoTabela' href="" onclick="nameFunction()"> Remover</a>
function nameFunction(){
//your code here
}
函数名函数(){
//你的代码在这里
}
sry my english:D@BrunoAparecidodaSilva之所以有效,是因为您正在将事件挂接到文档(适用于与所选内容匹配的任何元素),而不是执行脚本之前必须存在的特定元素。@BrunoAparecidodaSilva之所以有效,是因为您正在将事件挂接到文档(适用于与选择匹配的任何元素),而不是在执行脚本之前必须存在的特定元素。
<a style="color:red;" class='btnRemoverContato btnPadraoTabela' href="" onclick="nameFunction()"> Remover</a>
function nameFunction(){
//your code here
}