$.each(data, function(i,data) {
...[cut]...
+"<a id=\"contact_"+data.id+"_delete\" href=\"/user/contact/delete/ticket_id/"+data.ticket_id+"/contact_id/"+data.id+"\">Delete</a>"
...[cut]...
$("#contact_"+data.id+"_delete").live('click',function() {
var href = this.attr('href');
alert(href);
return false;
});
我有以下代码示例(为简单起见,删除了不相关的部分)。我所拥有的是一个重绘表行(tr)的函数。每行的末尾都有一个“删除”链接,该链接调用网址/ user / contact / delete / ticket_id / {$ ticket_id}
然后(在同一循环内),我想将click事件绑定到新创建的链接。但是,当我单击链接时,浏览器会离开页面并转到URL,而不是转到单击的链接功能。
首先,我是否正确绑定了click事件?
第二,我是否正确检索元素的'href'属性?
最佳答案
除了@charlietfl
所说的以外,您还可以为所有delete元素使用一个处理程序。只需向所有对象添加相同的类,例如class="contact_delete"
,然后使用.on()
定位所有对象:
+'<a class="contact_delete" id="contact_'+data.id+'_delete" ...
请注意,如果使用单引号,则不必转义所有双引号。
$('body').on('click', '.contact_delete', function() {
var href = $(this).attr('href');
alert(href);
return false;
});