2

jqueryを使用した簡単なタブ設定があります。

次の関数を使用して追加のjQueryタブを作成し、好きな場所に挿入します

$('#tabs').tabs('add', "ElementId", "Tab Text", intPosition);

購入はここで見ることができます。

http://jsfiddle.net/qKBUu/88/

テーマは、タブのテキストの周りに余分なスパンとして挿入された最新のタブを明確に示すのに役立ちます

<li class="ui-state-default ui-corner-top">
    <a href="#ui-tabs-2">
        <span>Delivery 66</span>
    </a>
</li>

タブを追加するときにスパンを追加するが、最初に作成するときに追加しない理由を説明できる人はいますか?

これはjQueryのバグかもしれないと思いますか?

4

1 に答える 1

2

そのスパンは、新しいタブを追加するときのデフォルトの一部です。「tabTemplate」オプションを確認してください - http://jqueryui.com/demos/tabs/#option-tabTemplate。

tabTemplate を変更したい場合は、独自のものを追加してください:

$('.selector').tabs({ tabTemplate: '<li><a href="#{href}">#{label}</a></li>' });

更新されたフィドル: http://jsfiddle.net/qKBUu/89/

于 2012-05-04T13:58:18.747 に答える