jQuery UI - Accordion - 造型活動標題？

簡單問題：我正在使用沒有任何UI主題的手風琴（只是準系統，使用我自己的CSS）。jQuery UI - Accordion - 造型活動標題？

到目前爲止，這麼好，除了我不知道如何爲當前選定的標題設置「活動」樣式。

jQuery代碼：

$("#menu").accordion({ 
    event: "mouseover", 
    header: "a.top" 
});

的HTML代碼：

<a href="#" class="top">XXX1</a> 
<div class="sub"> 
    <a href="#">Subheading 1</a> 
    <a href="#">Subheading 2</a> 
    <a href="#">Subheading 3</a> 
</div> 

<a href="#" class="top">XXX2</a> 
<div class="sub"> 
    <a href="#">Subheading 1</a> 
    <a href="#">Subheading 2</a> 
    <a href="#">Subheading 3</a> 
</div>

這個偉大的工程，但我不能找到一種方法來定義主動頭的樣式，而無需使用的ThemeRoller。

手動設置以下樣式在我的CSS沒有效果：

.ui-state-active 
.ui-widget-content .ui-state-active 
.ui-state-active a 
.ui-state-active a:link 
.ui-state-active a:visited

援助，好嗎？

來源

2009-11-19 RC.

你能證實你的CSS樣式沒有被jQuery重置嗎？我嘗試了.ui-state-active並且能夠改變樣式 – 2009-11-19 18:25:35

你有沒有找到解決方案？ – Laguna 2012-04-13 16:19:59

$("#menu").accordion({ 
    header: "a", 
    event: mouseover, 
    active:0 
});

使用「活動」控件。不知道它是否可以在沒有themeroller的情況下運行。該小部件具有用於創建菜單的所有「標題」的運行計數。索引0是第一個xxx1，第一個索引1是第二個xxx2，等等......

來源

2010-05-09 22:12:00

我也在爲這個掙扎。我剝去了圍繞我的a.nav鏈接並指定標題：'.nav'的h3標籤。在我的CSS中，我包含了「a.ui-state-active」來改變開放式手風琴div的頭部。對於我來說，「a」有所不同。

來源

2010-09-16 23:07:11

對於任何人仍然使用jQuery UI的只是添加到你的CSS：

.ui-accordion-header-active { 
    background: red !important; 
}

只要改變你想要的顏色或背景！

來源

2016-08-05 01:19:43 user3573687

jQuery UI - Accordion - 造型活動標題？

回答

相關問題