0

私のページには 2 つの jquery アコーディオンがあります。東に 1 つ、西に 1 つ。それらを異なるスタイルにすることは可能ですか? .ui-accordion 関連のスタイルを編集すると、両方のアコーディオンのスタイルが変更されます。2 つのアコーディオンに異なるスタイルを提供する方法はありますか?

前もって感謝します 。

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

もう1つのオプションは、アコーディオンごとに1つずつ、合計2つのテーマを使用することです。jQueryUiをダウンロードするときは、右側のサイドバーの[テーマ]の下にある[高度なテーマ設定]をクリックします。「CSSスコープ」および「テーマフォルダ名」フィールドを使用します。何をすべきかを説明するためのヘルプアイコンはほとんどありません。

私はそれをしたことがないので、それがどれほど簡単か難しいかをあなたに言うことはできません。

于 2012-07-06T04:50:26.113 に答える
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

eq()jQueryメソッドを使用できます：

$('.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 に答える