如何防止 jquery UI 自动添加样式？

Question

我想知道告诉 jquery UI 不要添加样式类的最简单方法是什么？我正在尝试使用选项卡插件，它有很多我想要的功能......但我实际上希望它在样式方面什么都不做。我想完全掌控它，因为坦率地说，默认设置太复杂了，不适合极简设计。

我在这里发现了类似的问题......： jquery ui tabs 主要样式更改

...但他们从未抽出时间来阻止首先添加类。

您可以拒绝加载文档顶部的 css 主题，但是选项卡小部件将停止工作，尽管不会导致任何 javascript 错误。整个情况实在是太糟糕了，我不想仅仅因为 jquery UI 拒绝让我使用自己的样式就必须编写自己的选项卡小部件:(

帮助？

Answer 1

如果您想要现有样式，除了某些小部件（选项卡）之外，您可以添加外部 div#mytabs，然后覆盖 jquery UI 应用的任何默认样式。

快速（粗略）演示来说明我的观点。

#mytabs #tabs2 ul.ui-tabs-nav{
    background:lime;
    border-radius:0;
}
#mytabs #tabs2.ui-tabs, #mytabs #tabs2.ui-widget{
    border:magenta;
    border-radius:0;
    background:cyan;
}

这将使您可以选择在不同区域使用默认样式（甚至是选项卡）。当然，您可以只更改 .ui-tabs-nav 类的样式（或者再次覆盖）。

Answer 2

如果您正在寻找一个阻止添加类的 jQuery UI 选项，那么您就不走运了。

你最好的选择是像 @brett 建议的那样，制作一个极简主义主题。或者，我可以想象一个 JavaScript 函数，它给定一个 DOM 元素，对其进行搜索，然后子级在其 class 属性中查找类列表，然后删除每个元素。虽然看起来很邪恶！

Answer 3

另一种选择是有选择地删除 jQueryUI 自动添加的类，

例如：

$('#accordion-no-jquery-style').children().attr('class', 'custom-accordion-style')

Answer 4

也许在下载 jquery ui pack 时添加 css 范围