Bootstrap 3 -在加载表中链接json

Bootstrap 3 - Link in Load table with json

本文关键字：链接 json 加载 Bootstrap      更新时间：2023-09-26

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

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

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

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

调用事件，我在外部js文件中拥有它，但我无法访问事件或忽略js文件并且不显示警报。

请，我怎么能访问一个链接的js事件，一个表加载json?

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

动态创建的内容不能被选择器定位，使用这个:

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

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

  • 演示: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)
    });
});
相关文章：