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

标签 javascript jquery html ajax

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

Fiddle

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

});

最佳答案

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

使用事件委托(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.

关于javascript - click 事件不适用于超链接 ajax 数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20897804/

相关文章:

javascript - 这种类型注释在没有 TypeScript 的 React 代码中如何工作?

javascript - 放置请求后 ACE 编辑器呈现错误

javascript - 如何使用 div 选择器在 canvas 元素中完美绘制图像的一部分

javascript - jQuery/JavaScript - 隐藏/显示单选按钮上挂起的下拉框

html - ios文本输入: cursor misplaced

PHP(或 Javascript) float 标题开/关

javascript - 甜蜜警报不起作用

javascript - 使用 JavaScript 将多维数组保存到 XML 中

javascript - 如何正确解决jquery冲突

javascript - jQuery 如何在输入字段为空时禁用点击功能