JQuery手风琴问题

时间:2011-10-17 05:30:42

标签: jquery jquery-ui

我一直在为我的网站使用http://jqueryui.com/themeroller/,但它可以正常运行。我希望手风琴UI有两种不同的布局/设计。我怎么能做到这一点?

非常感谢任何建议。

由于

1 个答案:

答案 0 :(得分:3)

您可能不应该这样做,因为统一的小部件集是为了促进一致性。但是,我意识到这不是你的问题,你可能有理由。

“最简单”的方法是为“替代”手风琴添加特殊ID或类。然后在你的CSS中,你必须具有更多的特异性才能覆盖现有的。我个人会避免直接添加到你的themeroller CSS;将它添加到像您的网站CSS这样的其他地方,以便轻松维护Themeroller样式。

所以,jQuery UI自动应用如下内容:

.ui-accordion-header { /* original themeroller styles */ }

您需要更具体地将自己的规则放在更优先的位置:

.customClass .ui-accordion-header { /* override the parts you need to */ }

我可以告诉你:这将是一种痛苦。 jQuery UI增加了一大堆类,每个类都有一些相对模块化的用途。覆盖所有这些以便在不同的手风琴上实现另一种外观和感觉将是一些工作。