Javascript 引导打开另一个文件中的内容

Javascript 引导打开另一个文件中的内容,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我偶然发现了一个与我类似的问题,但不是我想要的()。我想做同样的事情,但与引导模态。我确实通过添加dataremote找到了一些关于这方面的教程,但它不起作用。而且这也不是我想要做的。我想要的只是一个模态。不是页眉、主要部分或页脚的任何代码。所有这些都将包含在外部页面中(该页面实际上仍然位于服务器上)。因此,基本上,像这样的链接将包括在内,它将打开一个裸模式 <div class="modal fade" tabindex="-1" role="dialog" aria-labelledb

我偶然发现了一个与我类似的问题,但不是我想要的()。我想做同样的事情,但与引导模态。我确实通过添加
dataremote
找到了一些关于这方面的教程,但它不起作用。而且这也不是我想要做的。我想要的只是一个模态。不是页眉、主要部分或页脚的任何代码。所有这些都将包含在外部页面中(该页面实际上仍然位于服务器上)。因此,基本上,像这样的链接将包括在内,它将打开一个裸模式

<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
//ajax loads the external page stuff into here.
</div>

//ajax将外部页面加载到这里。
然后,在外部页面(位于同一服务器上)上,将包含如下内容:

<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" id="myModalLabel">Modal title</h4>
  </div>
  <div class="modal-body">
    ...
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <button type="button" class="btn btn-primary">Save changes</button>
  </div>
</div><!-- /.modal-content -->

&时代;
情态标题
...
接近
保存更改


我希望这是可能的。谢谢你的帮助

我明白了。在主页上,将

<a href="" data-toggle="modal" data-target=".modal" data-remote="URL_HERE">TEST/a>


它应该在每次单击链接时重新加载标记吗?实际上我已经找到了一半,但仍然需要帮助。我终于实现了数据远程工作,但我必须在几乎每一页上都添加
。有没有办法让javascrip自动填充代码?至于你的问题,是的,它应该每次都重新加载标记。你能从服务器加载整个内容吗?你必须在每一页上都放上一个围绕模式标记的部分?我想我已经弄明白了。
<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true">
</div>
<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" id="myModalLabel">title</h4>
</div>
<div class="modal-body">
  ...
</div>
<div class="modal-footer">
  <a href="" class="btn btn-primary" target="_blank" role="button">Go! &raquo;</a>
</div>
</div>
</div>