javascript - 单击事件不适用于超链接ajax数据

Question

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

Fiddle

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

});

Answer 1

它不起作用，因为您正在动态添加数据。

使用事件委托(delegate)。

.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.