单击事件不能处理超链接ajax数据

Question

表超链接上的Jquery Click事件不适用于来自ajax调用的表数据，但它适用于输入的静态数据。

Fiddle

$("a").click(function (e) {
    var txt = $(e.target).text().replace(/\s/g, "%20");
    alert(txt);

});

Answer 1

由于您是动态添加数据，因此无效。

使用事件委托。

.on()方法将事件处理程序附加到jQuery对象中当前选定的元素集。

写：

$(".table").on("click","a",function (e) {
    var txt = $(e.target).text().replace(/\s/g, "%20");
    alert(txt);
});

Updated fiddle here.

Refer this document.

Answer 2

使用$(document).on("click", "a", function (e) {代替$("a").click(function (e) {

Answer 3

通过jquery框架

使用on 如果你这样做的话，它会很好用的

$(document).on("click","selector",function(ev){
$(this)// your stuff..
});

因为jquery没有将事件绑定到动态内容，所以你需要再次解析DOM以找到你的元素。