0

我的页面中有两个 jquery 手风琴。一个在东面板，一个在西面板。是否可以为它们设置不同的样式？编辑 .ui-accordion 相关样式会更改两个手风琴的样式。有没有办法为两个手风琴提供不同的风格？

提前致谢 。

4

5 回答 5

1

只需向两者添加不同的 ID（或类），然后将它们添加到 CSS 选择器。或者，您可以添加父元素的 ID。前任：

.ui-accordion{...}
.ui-accordion div{...}
.ui-accordion .arrow{...}

变成

#left-column .ui-accordion{...}
#left-column .ui-accordion div{...}
#left-column .ui-accordion .arrow{...}

#right-column .ui-accordion{...}
#right-column .ui-accordion div{...}
#right-column .ui-accordion .arrow{...}
于 2012-07-06T04:42:26.303 回答
1

是的，你可以用一些技巧。
您所要做的就是为其他手风琴覆盖 jQuery、UI 和 CSS，就像这样。

于 2012-07-06T10:35:49.007 回答
0

是的，现在您可以像这样在 jQuery 中定义额外的 id

HTML

<div id="slider1" class="east">
   // some code of your html
</div>

<div id="slider2" class="east">
   // some code of your html
</div>

CSS

#slider1.east .somecss{
 // css style as like your requirement 
 }

#slider2.east .somecss{
 // css style as like your requirement 
 }
于 2012-07-06T04:39:26.243 回答
0

你可以使用 jQueryeq()方法：

$('.ui-accordion:eq(0)').addClass('first') // the first ui.accordion element

或 CSS3nth-child伪选择器：

.ui-accordion:nth-child(1) { the first ui.accordion element
   property: value;
}
于 2012-07-06T04:39:28.363 回答
0

另一种选择是使用两个主题，每个手风琴一个。下载jQueryUi时，单击右侧边栏中“主题”下的“高级主题设置”。使用“CSS 范围”和“主题文件夹名称”字段。几乎没有帮助图标来解释该做什么。

我从来没有这样做过，所以我不能告诉你它是多么容易或困难。

于 2012-07-06T04:50:26.113 回答