jQuery UI tabs.add（）は2つのタブを作成し、そのうちの1つは空白で空き状態です。

Question

http://c.lrin.tkを参照してください。

コード構造：

--DIV main_window <-class: ui-tabs 
----DIV top_bar 
------UL   <-class: ui-tabs-nav 
------[1] 
----DIV ui-tabs-0 
----[2] 

あなたは「tabs.add（）」イベント、 あなたは、各のidがタブを示していることがわかりますを有効にするには上部の「[+]」ボタンを押してください4,6,8,10,12、...のようになります。

これらの予想されるタブは、いくつかの空の、未使用、奇数番目のタブが位置[1]で添加している間[2]、 （コード構造を参照）位置に追加されます。

似たような問題がバグとして報告され、最新バージョンで修正されましたが、私はまだこれを取得します。

誰かがDIV top_barは犯罪者だと言いましたが、このDIVを削除しても問題は残ります。

アイデア？あなたの例でもhttp://c.lrin.tkを使用してください。

ありがとうございました。

Answer 1

「これはバグではありません。これは機能です」

HTMLを見ると、「ui-widget-コンテンツ」というクラスが表示されることがあります。 ほとんどのタブの実装（実際には、私がウェブで出会ったすべて〜10）はこのように動作しますが、これは問題ありません。各タブのDOM要素には、タブ内容に対応する要素があります。 なぜタブとコンテンツの両方の要素にIDを混ぜるのですか？実装のために。