0

jquery load の使用は、ファイルを div にロードするために使用すると十分に簡単に思えます。

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

ただし、タブ-1には何も表示されず、htmlファイルでタブをロードすることについて検索しても何も見つかりませんでした

testing.html は、タブにロードしたいコンテンツです。projectscript は私の JavaScript ファイルです htmlPageWithTabs は私の HTML ページです

パスを ../files/testing.html に変更しましたが、まだ機能していないようです。私は何が欠けていますか？

4

4 に答える 4

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>

ジャバスクリプトなし。

何か教えて

于 2013-08-21T16:43:49.790 に答える