从动态插入的按钮显示模态答案

【问题标题】：Show Modal From dynamically inserted button从动态插入的按钮显示模态
【发布时间】：2014-12-01 15:48:02
【问题描述】：

我有一个表格元素：

<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)，后跟“-value” eg.230002-details，其中230002是processID。

现在我点击按钮

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

正在调用 jquery 函数并且正在打印日志： 230002-详情

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

<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>

请帮忙。

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

【问题讨论】：

您是否看到了使用 firebug 或页面源代码的模态 html？您的错误控制台中是否出现错误？
表格行附加到#postcon-table-success，但点击处理委托给#postcon-table-running。你确定这是对的吗？

标签： javascript jquery html twitter-bootstrap bootstrap-modal

【解决方案1】：

可能是模式对点击功能不可见。将您的模式放在页面的最后。

【讨论】：