0

まず、以下のコードでタブを作成します。

<div id="statsTabs" style="width:100%; height:100%">
    <ul>
        <li><a href="#f-campaign"><span>广告系列</span></a></li>
        <li><a href="#f-adgroup"><span>广告组&lt;/span></a></li>
   </ul>
</div>
<div id="f-campaign">...</div>
<div id="f-adgroup">...</div>
<script>
   $(document).ready(function() {
     $("#statsTabs").tabs();
   });
</script>

すべてがうまく機能しますが、以下のコードを試してみると、いくつかの問題が発生します。

$("#statsTabs").tabs( "remove" , 0);
$("#statsTabs").tabs("add", '#f-campaign', "广告系列" , 0);

「广告存」というタグが付いた新しいタブが表示されますが、コンテンツがありません。なぜですか。最初のコードセグメントは＃f-campaignのコンテンツを取得するため。

4

2 に答える 2

0

削除関数を呼び出すと、タブとコンテンツが削除されます。

これが、再度追加できない理由です。これを行うには、再度ビルドする必要があります。

これを示すJSフィドルを作成しました：http console.log()：//jsfiddle.net/Allan/2YcBh/

次のようなコールバック関数を使用すると、これを回避できます。

$(document).ready(function() {
    $("#statsTabs").tabs({
       remove: function(event, ui) {
        // Back up the content here, or simply move the tab so that you can add it again later.
       }
    });
    $('input').click(function() {
        $("#statsTabs").tabs( "remove" , 0);
        console.log($('#f-campaign'));
        $("#statsTabs").tabs("add", '#f-campaign', "广告系列" , 0);
    });
});​
于 2012-07-19T08:26:04.397 に答える
0

これ：と関連するものも$("#statsTabs").tabs( "remove" , 0); 削除します。そのため、タブを再度追加すると、期待どおりにコンテンツがありません。lidiv

于 2012-07-19T08:39:21.413 に答える