0

jQueryでタブを作成します：

HTML：

<div id="tabs">

    <ul id="tab">
           <li>
             <a href="#t1">Tab 1</a>
           </li>
           <li>
             <a href="#t2">Tab 2</a>
           </li>
    </ul>

    <div id="tab-contents">
      <div id="t1">aaaaaaaaaa</div>
      <div id="t2">bbbbbbbbbb</div>
    </div>

</div>

JS：

$("#tabs").tabs()

タブを空にします

var tab = $("#tab").html()
var tabCont = $("#tab-contents").html()
$("#tab").empty()
$("#tab-contents").empty()

そしてそれを塗り直してみてください：

$("#tab").html(tab )
$("#tab-contents").html(tabCont )
$("#tabs").tabs()

タブの要素を作成しますが、表示しないでください

何が問題なの？

4

1 に答える 1

1

jQueryUIは、UIコンポーネントを作成するときに、大量のデータをタグに追加します。私の推測では、以前のUIデータにつまずいて、正しく再作成されていません。これを修正するには、次のように再描画したときに古いタブデータを破棄します。

$("#tabs").tabs( "destroy" );
$("#tab").html(tab )
$("#tab-contents").html(tabCont )
$("#tabs").tabs()
于 2013-02-08T14:54:11.867 に答える