jQuery Add Tab创建额外的Span

时间:2012-05-04 13:53:00

标签: javascript jquery tabs

我使用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的错误?

1 个答案:

答案 0 :(得分: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/