0

当用于将文件加载到这样的 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 ，但它似乎仍然不起作用。我错过了什么？

4

4 回答 4

2

Can you give more information about the actual path of the files you want to load ?

I think there are 2 options :

  • you're trying to load a content from an external URL which won't work because of the same origin policy

  • you're trying to load a file from your server but you're not calling the right path (missing "/" at the begining)

于 2013-08-21T16:50:25.127 回答
1

You can use the following callback to see what the error is.

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

  $("#tabs-1").load("testing.html", function(response, status, xhr) {
    if (status == "error") {
      alert(xhr.status + " " + xhr.statusText);
    }
  });
});
于 2013-08-21T16:50:05.113 回答
0

尝试这个

$('#tabs-1').append("<div id='content1'></div>");
$('#tabs-1').find('#content1').load("test.html");
于 2013-08-21T16:56:31.137 回答
0

尝试这个：

<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。

让我知道一些事情

于 2013-08-21T16:43:49.790 回答