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

Question

我有一个使用 jquery 的简单 Tab 设置。

我使用以下函数创建一个额外的 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/