我a和img里面的标签有一个奇怪的行为.
我有一个带有表的php页面,这是一个记录列表.在每一行的末尾,我都有一个删除行的按钮.
这是我的表的代码:
<div class='edit' >
<a id='20' href='#' return;>
<img src='images/edit.png' />
</a>
</div>
Run Code Online (Sandbox Code Playgroud)
每个记录,主表的每一行都有上面的代码,彼此具有不同的id.
我的脚本代码是:
$("#delete a").click(function(e) {
e.preventDefault();
$('#action').val("delete");
$('#keyAction').val(this.id);
$.ajax({
type: "POST",
url: "processAttivita.php",
data: $("#attivita_form").serialize(),
error: function(msg) {
$("#errore").html(msg);
},
success: function(msg) {
// display the errors returned by server side validation (if any)
ricaricaLista();
}
});
// end click delete event
});
Run Code Online (Sandbox Code Playgroud)
我试图删除第一行点击图像工作正常.在第二个似乎jquery不绑定"click"事件并且a元素的默认href 发生,由于href属性中的"#"而保留在同一页面上.
任何想法为什么第二次jquery不拦截点击<a>元素?