Question

首先让我说我的bootstrap模态加载遥控器工作正常。我的特殊问题是它将整个远程URL加载为HTML结果，我只需要该HTML中的一些特定部分。例如，假设我的远程URL是这样的：

<html lang="en">
<head>
    {head content goes here}
</head>
<body>
    {some content here}
    <div id="myContent1">{more content here}</div>
    ...
    <div id="myContent2">{even more content here}</div>
</body>
</html>

因此，我只想显示div＃myContent1和#myContent2，而不是在我的模态中加载所有上面的html代码。

Answer 1

使用Jquery ajax函数：

$( "#myContent1" ).load( "ajax/test1.html" );
$( "#myContent2" ).load( "ajax/test2.html" );

Answer 2

使用页面片段，您可以将特定div加载到特定的div。例如

$('#mainContainer').load('loadpage.html #nav1div');

将从加载的页面（'loadpage.html'）中加载显示在div nav1div内部的mainContainer中的内容，有关详细信息，请查看http://api.jquery.com/load/

Bootstrap 3从远程URL加载部分

2 个答案: