jquery-ui - jQueryUI 模板：它有效吗，它会有效吗？

Question

我需要修改jQueryUI Tabs发出的代码。该tabTemplate选项似乎非常适合该目的。

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

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

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

声称模板总体上正在贬值（截至 12 个月前）。

那么......为什么 tabTemplate 不起作用，这个解决方案是否面向未来，如果没有，我怎样才能达到类似的目的？

score 1 · Accepted Answer

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

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

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

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

这种方法现在有效，并将在可预见的将来继续有效。

1 回答 1