jQueryUI模板：它是否有效，是否有效？

Question

我需要修改jQueryUI Tabs发出的代码。 tabTemplate选项似乎是出于此目的的理想选择。

我修改了我的代码以包含自定义样式：

tabControl = $("#tabs");
tabControl.tabs({
    tabTemplate: '<li><a href="#{href}" class="myClass"><span>#{label}</span></a></li>',
});

但是，我发现发出的代码没有改变。然后，我遇到了这张票

http://bugs.jqueryui.com/ticket/7139

声称一般的模板正在折旧（截至12个月前）。

所以...为什么tabTemplate不工作，这个解决方案是否能够面向未来，如果没有，我怎样才能实现类似的目标呢？

Answer 1

jQuery UI确实弃用了模板选项（显然是因为它们的使用可能导致与库的其余部分的样式不一致）。

根据您链接到的错误，jQuery UI 1.9中将​​删除tabTemplate选项，因此，为了安全起见，您应该避免在当前项目中使用它。

另一种方法是通过DOM导航添加类，如下所示：

$("#tabs").tabs({
    // options...
}).tabs("widget").find(".ui-tabs-nav a").addClass("myClass");

这种方法现在有效，并将在可预见的未来继续发挥作用。