javascript - jQuery 添加选项卡创建额外的跨度

Question

我有一个使用 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 的一个错误？

Answer 1

添加新选项卡时，该范围是默认范围的一部分。查看“tabTemplate”选项 - http://jqueryui.com/demos/tabs/#option-tabTemplate .

如果您想更改 tabTemplate，只需添加您自己的:

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

更新的 fiddle :http://jsfiddle.net/qKBUu/89/