Javascript Bootstrap 3-加载表中的json链接

我有一个网站，它使用table Bootstrap插件加载一个表，我使用json加载该表

 [{
     "col1": "<a href='#' id"link-row">Juan Martinez Chavarria</a>"
 }]

调用该事件时，我将其保存在一个外部js文件中，但我无法访问该事件或忽略该js文件，并且不显示警报

请问，如何从一个加载了json的表的链接访问js事件

---

此外，json文件的重音符号，不看网站，它们是显示编码的。如何解决此问题？

该选择器无法针对动态创建的内容，请使用以下方法：

 $("#yourTable tbody").click("#link-row",function () {
     alert("Hello");
 });

最好使用类而不是id来管理此类事件

• 演示：

$（函数（）{
变量链接=[{
“col1”：”
}];
$。每个（链接、功能（i、项）{
$（'table tbody'）.append（“”+item.col1+“”）；
});
$（“#链接行”）。在（'click'，函数（e）上{
e、 预防默认值（）；
警报（this.id）
});
});

您能为我们提供一个JSFIDLE让我们更容易理解这个问题吗？首先检查您的json，因为我看到您对元素标记和json字符串都使用了双引号。然后必须使用“on”而不是“click”，因为元素是在加载dom之后创建的，所以需要委托。jquery默认情况下使用“on”来提供它。请参阅我的答案和演示

 $("#yourTable tbody").click("#link-row",function () {
     alert("Hello");
 });

$(function () {

    var links = [{
        "col1": '<a href="#" id="link-row">Juan Martinez Chavarria</a>'
    }];

    $.each(links, function (i, item) {
        $('table tbody').append('<tr><td>' + item.col1 + '</td></tr>');
    });

    $('#link-row').on('click', function (e) {
        e.preventDefault();
        alert(this.id)
    });
});