jquery - 引导模式 - 远程 URL。我可以将整个模态元素放入remote.html吗？

Question

我正在使用引导程序 2.3.2。根据http://getbootstrap.com/2.3.2/javascript.html#modals 如果提供了 data-remote url，那么 url 的内容将被注入到 .modal-body 中。

我的 index.html：

<a data-remote="remote.php" data-target="#myModal" data-toggle="modal">Launch demo modal</a>

<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal Test Header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…&lt;/p>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
  </div>
</div>​

远程.php

<div>remote content goes here</div>

这意味着这里的远程内容将被插入到 modal-body 并替换

一个好身材...

但是，我想知道我是否可以将整个#myModel 保存到 remote.html 即。从 index.html 中取出 #myModal 并将其放入 remote.php。我已经尝试过了，但它不起作用。

Answer 1

我有一个这样的模态......

<!--[if lt IE 9]>
     <script type="text/javascript">
        $( "#placeholder" ).load( "/html/myExternalModalDiv.html", function() {
            $('#myExternalModalDiv').modal('toggle');
        });
     </script>
<![endif]-->

这会加载一个外部模态标记并触发它（仅适用于 Internet Explorer < 9 在我的情况下）我希望这将作为示例有用。