event.preventDefault（）不工作，如果通過js添加鏈接

Question

我有event.preventDefault（）的問題，因爲事件不會停止。

我有兩個不同的功能。第一個函數是xhrCall並顯示所有帖子並將結果附加到表中。在這個函數中，我創建了class =「del」和href =「＃」的鏈接。

$.each(data, function(i, data){ 
    $('#listMsg').append('<tr><td>' + data.id + '</td><td>' + data.msg + '</td><td><a class="del" rel="'+ data.id + '" href="#"> delete</a></td></tr>'); 
}); 

我的下一個功能是處理刪除。

$(". del").click(function(e) { 
    e.preventDefault(); 
    var id = $(this).attr('rel') 
    alert('delete + ' + id); 
}); 

如果我將鏈接直接複製到我的index.php文件中並且具有相同的類，則代碼可以正常工作！

不幸的是，我不知道我錯過了什麼或者如何與插入js的鏈接交談。

非常感謝您的幫助！

Answer 1

你是不是說你正在用ajax添加鏈接？如果是這樣，你需要做的是這樣的：

$("#listMsg").on("click", ".del", function(e) { 
    e.preventDefault(); 
    var id = $(this).attr('rel') 
    alert('delete + ' + id); 
}); 

如果jQuery是1.7版本或以上這樣來做

$("#listMsg").delegate(".del", "click", function(e) { 
    e.preventDefault(); 
    var id = $(this).attr('rel') 
    alert('delete + ' + id); 
});