禁用特定元素的Jquery主题化

Question

12

有没有一种方法可以在页面上禁用一个元素的主题？

我有一些Jquery UI元素，但我需要其中一个元素不带主题。如何做到这一点？

- Patrick Desjardins

你可以给出UI元素的样例吗？ - Reigel Gallarde

4个回答

4

JQuery UI由一些标准的CSS框架类组成。您可以通过关闭这些类来从元素中删除UI主题。请查看JQuery UI文档，以查看类的列表并决定要删除哪个类（使用Firebug也很容易，您可以识别应用了哪些UI类）。ui-widget和ui-state-default是可能的选择。

一旦确定了类，只需使用JQuery的removeClass()即可将其移除：

$('element').removeClass('ui-widget');

- zombat

1

通过移除这个类，我猜测我将无法进行拖放操作，这是有问题的。实际上，我希望模态对话框具有主题风格，而不是所有其他可拖动的控件。 - Patrick Desjardins

给控件赋予一个id并覆盖CSS。 - redsquare

1

很难进行操作，因为JQuery Draggrable插件使用类来进行操作。 - Patrick Desjardins

2

自1.3版本开始，看起来添加属性的方式是：

data-theme="none"

做到了。

- Geoff

1

有一种方法 ;) 您需要在jQuery JavaScript文件中删除所有addClass声明。

找到一个适当的部分（对我来说是手风琴），并从js代码中删除addClass()。

这对我很有效 ;)

- wiewior

那个解决方案的问题在于需要该类能够使用JQuery UI进行拖放操作。我无法将其删除。 - Patrick Desjardins

我不知道拖放，但对于手风琴，我正在删除所有的.ui-state和所有.ui-cornner类，它运行得非常好！ - gcb

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Dan P. · Accepted Answer

我知道这个问题很旧，但看起来现在jQuery Mobile已经有一种解决方案了：

data-role="none"

将此代码添加到任何表单或按钮元素中即可移除jQuery Mobile的主题。