javascript - 使用模态弹出窗口附加表 tr

Question

我想使用 table 和 tr td 列出一些数据...... 当用户单击 tr 或 td 时，我想在模式弹出窗口中显示主题详细信息 虽然弹出警报工作而不是显示火

如果我使用 ul li 而不是 table tr td 弹出显示

所以这样

$("#myUL").last().click(function() { 

弹出显示但是 有了这个

$(".table1").click(function() {

弹出不显示 为什么？

$.each(data, function (i,item) {
    $("#infoList").append("<tr class='table1'><td>
     <span >"+ item.updated_at +"</span></td><td class='cell'><label >"+ item.baslik+"</label></br></td></tr>");
    $(".table1").click(function() {
        alert(item.baslik);
        $(".modal-body p").text(item.mesaj);
        $(".modal-header h4").text(item.baslik);
    });
});

Answer 1

您缺少在点击事件中打开模式对话框的代码，请确保包含 bootstrap js 文件以使用此代码

$.each(data, function (i,item) {
    $("#infoList").append("<tr class='table1'><td>
     <span >"+ item.updated_at +"</span></td><td class='cell'><label >"+ item.baslik+"</label></br></td></tr>");
    $(".table1").click(function() {
        alert(item.baslik);
        $(".modal-body p").text(item.mesaj);
        $(".modal-header h4").text(item.baslik);
        $('#myModal').modal('show');
    });
});