Question

再一次在Bootstrap 3中打破了我的脑袋。我一直在使用带有模态窗口的BT3。下面的代码首次使用并获取远程模态窗口，但在第二次单击时不起作用。

我查看过以下论坛：

http://www.whiletrue.it/how-to-update-the-content-of-a-modal-in-twitter-bootstrap/

How to show a URL in Bootstrap Modal dialog: On button click

http://getbootstrap.com/javascript/#modals

来自文档：

如果提供了远程URL，则将通过jQuery的加载方法一次加载内容并将其注入.modal-content div。如果您正在使用data-api，则可以使用href属性指定远程源。这方面的一个例子如下所示：
<a data-toggle="modal" href="remote.html" data-target="#modal">Click me</a>

的index.php

         <a data-toggle="modal" data-target="#myModal" class="btn btn-primary" data-keyboard="false" data-backdrop="false" href="emp_details.php?id=1">Employee 1</a> <a data-toggle="modal" data-target="#myModal" class="btn btn-primary" data-keyboard="false" data-backdrop="false" href="emp_details.php?id=2">Employee 2</a> <a data-toggle="modal" data-target="#myModal" class="btn btn-primary" data-keyboard="false" data-backdrop="false" href="emp_details.php?id=3">Employee 3</a>
        <div class="modal fade" id="myModal">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>
                <h4 class="modal-title">Test</h4>
              </div>
              <div class="modal-body">Test</div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
              </div>
            </div>
          </div>
        </div>

emp_details.php

        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>
          <h3 id="myModalLabel">Modal header</h3>
        </div>
        <div class="modal-body">
          <?php print_r($_GET); ?>
        </div>
        <div class="modal-footer">
          <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
        </div>

所以现在我的问题是：

每次点击href时，有没有办法动态获取模态框？
是否有动态加载远程内容而没有任何问题？

Answer 1

Waaahuuu .. 我错过了这个答案。

这对我有用。

Twitter bootstrap remote modal shows same content everytime

只需要添加此脚本。

 $('body').on('hidden.bs.modal', '.modal', function () {
  $(this).removeData('bs.modal');
 });

再次感谢

使用PHP的Bootstrap3远程内容

1 个答案: