我正在使用 Ajax 更新表，當(dāng)我在系統(tǒng)中遇到第一個編輯或刪除數(shù)據(jù)的請求時，它起作用了。用 Ajax 更新表后，我不知道會發(fā)生什么。添加、編輯和刪除不再起作用。function tabela(dados){ var template = "<thead><tr> <th>ID</th><th>Nome</th><th>Status</th><th>E-mail</th> <th>Editar</th> <th>Excluir</th> </tr></thead><tbody>"; var templateContrato = "<tr><td><i class='fa fa-circle' title='OK'></i><span class='statusicon'>#ID#</span></td><td>#NOME#</td><td>#STATUS#</td><td>#EMAIL#</td><td ><div id='EdContrato'> <div id='#EDITAR#'> Editar </div> </div></td><td class='contrato'> <div id='ExContrato'> <div id='#EXCLUIR#'> Excluir </div> </div></td></tr>"; for (i = 0; i < dados.length; i++) { aux = templateContrato; aux = aux.replace('#ID#',dados[i].id_contrato); aux = aux.replace('#NOME#', dados[i].nome ? dados[i].nome:''); aux = aux.replace('#STATUS#',dados[i].status ? dados[i].status:''); aux = aux.replace('#EMAIL#', dados[i].email ? dados[i].email:''); aux = aux.replace('#EDITAR#', dados[i].id_contrato); aux = aux.replace('#EXCLUIR#', dados[i].id_contrato); template += aux; } template +="</tbody>" $("#idContrato").html(template); } $("#btnAdicionar").click(function(e){ e.preventDefault(); var nome = $("input[name=nome]").val(); var email = $("input[name=email]").val(); var status = $("input[name=status]").val(); $.ajax({ type:'POST', url:'/adicionar', data:{nome:nome, email:email, status:status}, success:function(data){ tabela(data); } }); $("input[name=nome]").val(""); $("input[name=email]").val(""); $("input[name=status]").val(""); });不顯示任何錯誤。
1 回答
FFIVE
TA貢獻1797條經(jīng)驗 獲得超6個贊
由于您正在創(chuàng)建 DOM 元素，因此在第一次重新加載 HTML 后，單擊事件將不起作用。
您需要使用事件 deligator 或 jquery "on" click
$( "#ExContrato" ).on( "click", function() {
// logic here
});
$( "#EdContrato" ).on( "click", function() {
// logic here
});
更多細節(jié)在這里
- 1 回答
- 0 關(guān)注
- 164 瀏覽
添加回答
舉報
0/150
提交
取消