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>' });

更新小提琴：http: //jsfiddle.net/qKBUu/89/