Question

我正在使用bootstrap 2.3.2。根据{{3}} 如果提供了数据远程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…</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>

remote.php

<div>remote content goes here</div>

这意味着此处的远程内容将被插入到模态体中并被替换

一个精细的身体......

但是，我想知道我是否可以将整个#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＆lt; 9）我希望这将是有用的例子。

bootstrap modal - 远程url。我可以将整个模态元素放入remote.html吗？

1 个答案: