Javascript 从动态插入的按钮显示模态_Javascript_Jquery_Html_Twitter Bootstrap_Bootstrap Modal

Javascript 从动态插入的按钮显示模态

javascript jquery html twitter-bootstrap

Javascript 从动态插入的按钮显示模态,javascript,jquery,html,twitter-bootstrap,bootstrap-modal,Javascript,Jquery,Html,Twitter Bootstrap,Bootstrap Modal,我有一个表元素： <table id="postcon-table-success" class="table table-hover"> </table> 调用jquery函数并打印日志： 230002详细信息但是它没有显示body标签中的模态 <body id="fixedbody" data-spy="scroll" data-target=".bs-docs-sidebar"> <div id="master-container" cl

我有一个表元素：

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

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


请稍等
我们正在获取数据

请帮忙

添加-当我在“#poston table running”的父标记中创建模式时，它正在工作。

但是我不能这样做，因为我想从其他不同div中的不同按钮实现相同的功能。

可能是模式对单击功能不可见。将模态放在页面的最末尾。

您是否看到使用firebug或页面源代码的模态html？您的错误控制台中是否出现错误？表行被附加到

#postcon表success

中，但单击处理被委派给

#postcon表running

。你确定那是对的吗？

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

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