Question

我有一个使用Table Bootstrap插件加载表的网站，我使用json加载表

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

问题是我需要调用元素的onclick事件＆＃34; a＆＃34;通过＆＃34; id＆＃34;属性。

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

调用事件，我将它放在外部js文件中，但我无法访问该事件或忽略js文件而不显示警报。

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

另外，json文件的重音，不要看网站，它们是显示编码的。我怎么解决这个问题？

Answer 1

动态创建的内容无法被该选择器定位，请使用：

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

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

Answer 2

demo：https://jsfiddle.net/eaebyLzx/

$(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)
    });
});

Bootstrap 3 - 使用json在Load表中链接

2 个答案: