Question

我有一个表格元素：

<table id="postcon-table-success" class="table table-hover">
</table>

我正在表中动态插入行：

postConTable = "<tr><td><input id=\""+value.processId+"-details\" type=\"button\" class=\"btn btn-primary view-details\" value=\"View Details\" /></td></tr>";
$("#postcon-table-success").append(postConTable);

此处按钮的id为动态变量（processID），后跟＆＃34; -value＆＃34; 例如.230002-详细信息，其中230002是processID。

现在我点击按钮

$('#postcon-table-running').on('click',".view-details", function() {   
   console.log(this.id);
   $('#myModal').modal('show');
});

调用jquery函数并打印日志： 230002-细节

但它没有显示身体标签中的模态。

<body id="fixedbody" data-spy="scroll" data-target=".bs-docs-sidebar">
   <div id="master-container" class="container-fluid">
      <div id="myModal" class="modal hide fade" tabindex="-1" aria-hidden="true">
         <div class="modal-header">
            <h3 id="myModalLabel">Please wait</h3>
         </div>
         <div class="modal-body">
            <p>We are fetching data</p>
         </div>
      </div>

请帮忙。

要添加 - 当我在＆＃39;＃postcon-table-running＆＃39;的父标签中创建我的模态时，它正在工作。但我不能那样做，因为我想从各种其他div中的各种按钮实现相同的功能。

Answer 1

可能是点击功能看不到模态。把你的模态放在页面的最后。

显示模态从动态插入按钮

1 个答案: