我想在单个页面上使用几个按钮,但我希望一组具有一种样式(例如红色)和另一组具有不同样式(例如灰色背景和红色前景色)。
有可能吗?
是的你可以。这样做的方法是css scope
在下载 ui 时使用该选项 - http://jqueryui.com/download/
只需包含框架,并包含具有不同样式的两个样式表。确保应用不同的 CSS 范围(例如 .light-style 和 .dark-style)。
接下来,在您的 html 中,每当您显示按钮时,将适当的 CSS 范围添加到父元素,以便选择正确的样式。
您还可以手动组合两个样式表以节省空间。这是假设您只需要两种不同的按钮样式。
在此处阅读主题部分:http: //api.jqueryui.com/button/
您可以随时添加额外的类来更改样式。因此,在元素上调用 button() 后,您可以:
$(element).removeClass("ui-button-text");
$(element).addClass("ui-button-text-2");
当然,您需要为此定义自己的 CSS 类:
.ui-button-text-2 { color: red; }
这当然很笨拙,因为您需要使用两个调用而不是单个 button() 调用。但是 jQuery 可以扩展——你可以简单地创建一个$.themedbutton()
接受额外参数的方法......