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 回答