Javascript 如何将html文件加载到jquery选项卡中

当用于将文件加载到像这样的div中时，使用jqueryload似乎很容易

$('#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>

然而，在选项卡1中没有显示任何内容，我已经搜索过，在加载带有html文件的选项卡时也没有找到任何内容 编辑： 目录结构的图像： !（）

html是我要加载到选项卡中的内容。 projectscript是我的javascript文件 htmlPageWithTabs是我的html页面

我把路改成了 ../files/testing.html，但它似乎仍然不起作用。我缺少什么？

试试这个：

<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">
<iframe src="http://www.google.com"></iframe> 
</div>
<div id="tabs-2">
<iframe src="http://www.youtube.com"></iframe> 
</div>
</div>

没有javascript

让我知道一些事情试试这个：

<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">
<iframe src="http://www.google.com"></iframe> 
</div>
<div id="tabs-2">
<iframe src="http://www.youtube.com"></iframe> 
</div>
</div>

没有javascript

---

让我知道一些事情

您可以使用以下回调来查看错误是什么

$(document).ready(function() {
  $("#tabs").tabs();

  $("#tabs-1").load("testing.html", function(response, status, xhr) {
    if (status == "error") {
      alert(xhr.status + " " + xhr.statusText);
    }
  });
});

---

您可以使用以下回调来查看错误是什么

$(document).ready(function() {
  $("#tabs").tabs();

  $("#tabs-1").load("testing.html", function(response, status, xhr) {
    if (status == "error") {
      alert(xhr.status + " " + xhr.statusText);
    }
  });
});

---

能否提供有关要加载的文件的实际路径的更多信息

我认为有两种选择：

• 您试图从外部URL加载内容，但由于

• 您试图从服务器加载文件，但调用的路径不正确（开头缺少“/”）

---

能否提供有关要加载文件的实际路径的更多信息

我认为有两种选择：

• 您试图从外部URL加载内容，但由于

• 您试图从服务器加载文件，但调用的路径不正确（开头缺少“/”）

试试这个

$('#tabs-1').append("<div id='content1'></div>");
$('#tabs-1').find('#content1').load("test.html");

$（'#tabs-1'）。追加（“”）；
$（'#tabs-1'）。查找（'#content1'）。加载（“test.html”）；

试试这个

$('#tabs-1').append("<div id='content1'></div>");
$('#tabs-1').find('#content1').load("test.html");

$（'#tabs-1'）。追加（“”）；
$（'#tabs-1'）。查找（'#content1'）。加载（“test.html”）；

尝试同样的路径“ajax/test.html”@user而不是tabs？@rps如果你做一些更简单的事情，比如

$（'#tabs-1'）。html（'testing'），它能工作吗？我想，它没有找到正确的路径。检查控制台是否有错误。尝试相同的路径“ajax/test.html”@user而不是tabs？@rps如果你做一些更简单的事情，比如
$（'#tabs-1'）。html（'testing'）
，它能工作吗？我想，它没有找到正确的路径。检查控制台是否有错误。这里的重点似乎是使用ajax动态加载。是的，russel是对的。我不认为iframe会达到我的目的。这里的重点似乎是使用ajax动态加载。是的，russel是对的。我不认为iframe会达到我的目的，我只是看了一下dorectory结构的屏幕截图。我想你可能是对的。很高兴我能帮上忙。如果我的答案有效，请随意验证。如果您仍然有问题，请询问；-）我只是看了一张Doretory结构的屏幕截图。我想你可能是对的。很高兴我能帮上忙。如果我的答案有效，请随意验证。如果您仍然有问题，请询问；-）