Twitter bootstrap 使用datatable中的分页后未显示引导模式

我使用的是Bootstrap3和数据表1.9。当我在数据表的第一页中单击锚定标记时，模式是打开的，但在使用数据表分页后，我在显示引导模式时遇到问题。如何解决这个问题。 这是我的密码

#

我的datatable javascript是

$（函数（）{
$（“#prodlist”）.dataTable({
“bAutoWidth”：假，
“aoColumnDefs”：[{
“瑞士”：“5%”，
“目标”：[0]，
“可搜索”：错误，
“可移植”：错误，
“可见”：真实
}, ]
});
});
如果（$（“.alert success，.alert error”）.length>0）{
setTimeout（函数（）{
$（“.alert success，.alert error”）.fadeOut（“slow”）；
}, 1000);
}
$（文档）.ready（函数（）{
$（“.prod视图”）。单击（函数（）{
var href=$（this.attr（'href'）；
$（“.modal body”）.load（href）；
$（'#myModal'）.modal（'toggle'））
});
});

问题在于，您需要使用

$（“.prod view”）。单击（）

仅初始化可见内容，即第1页上的行。dataTables在DOM中注入和移除表行，以显示页面。因此，您必须改用委托事件处理程序：

$（“#prodlist”）。在（“单击”，“.prod视图”，函数（）上{
var href=$（this.attr（'href'）；
$（“.modal body”）.load（href）；
$（'myModal'）.modal（'show'）/

如果您唯一关心的是模态的内容，那么

$('body').on('show.bs.modal', function() {
   $(".modal-body").load(url/to/modal/template);
}); 

您肯定没有显示真正的代码。格式错误的标记永远不会生成具有工作模式的dataTable。我使用的是php和Mysql。这里我只显示了表中的3行，但实际上我已经从Mysql获取了记录并显示在表中。我只在dataTable的第二页遇到了问题。我认为问题与DOM有关，因为引导模式没有选择加入，所以它们也应该在第2页等上工作。我用上面的代码做了一个测试，所有页面上都显示了模式，没有任何问题。如果您通过代码激活模式，那将是另一回事，但您没有这样做。我也尝试了另一个示例，这也不是w工作。你能把你的代码贴在这里吗？谢谢
<div class="modal fade" id="modal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">This is a modal</h4>
      </div>
      <div class="modal-body">
          <p>modal</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary" id="submit">submit</button>
      </div>
    </div>
  </div>
</div>

$('body').on('show.bs.modal', function() {
   $(".modal-body").load(url/to/modal/template);
});