用模式弹出框附加表tr

时间:2018-10-04 13:53:26

标签: javascript jquery bootstrap-modal

我想使用table和tr td列出一些数据..... 当用户单击tr或td时,我想在模式弹出窗口中显示主题详细信息 警报工作完全弹出但不显示触发

如果我使用ul li而不是表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);
    });
});

1 个答案:

答案 0 :(得分:1)

您缺少在点击事件中打开模式对话框的代码,还请确保包含引导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');
    });
});