如何防止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 属性中查找类列表，然后删除每个元素。虽然看起来很邪恶！