当用于将文件加载到 div 中时，使用 jquery load 似乎很容易
$('#div1').load('ajax/test.html');
但是我有在选项卡中创建的 div。我有类似的东西
<div id="tabs">
<ul>
<li><a href="#tabs-1">one</a></li>
<li><a href="#tabs-2">two</a></li>
</ul>
<div id="tabs-1">
this is tab 1
</div>
<div id="tabs-2">
this is tab 2
</div>
</div>
我的js看起来像
$(document).ready(function() {
$("#tabs").tabs();
$('#tabs-1').load('testing.html');
});
但是 tab-1 中没有显示任何内容，我进行了搜索，但没有找到有关使用 html 文件加载选项卡的任何内容 编辑: 目录结构图: !(http://s11.postimg.org/hwj34tlir/snapshot1.png)
testing.html 是我想要加载到选项卡中的内容。 projectscript 是我的 javascript 文件 htmlPageWithTabs 是我的 html 页面
我将路径更改为 ../files/testing.html 它似乎仍然不起作用。我错过了什么？
最佳答案
您能否提供有关要加载的文件的实际路径的更多信息？
我认为有两种选择:
您正尝试从外部 URL 加载内容，但由于 same origin policy 而无法正常工作。
您正在尝试从服务器加载文件，但没有调用正确的路径(开头缺少“/”)
关于javascript - 如何将 html 文件加载到 jquery 选项卡中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18363029/