2010-06-29 133 views
1

我試圖使用Jquery accordion來顯示wordpress與wp_list_categories();函數生成的鏈接列表。Jquery手風琴與Wordpress

該函數返回一個列表<ul><li><a>標籤。我的問題是,爲了得到它this page做工精細,像第二爲例,標題<a>標籤,已經到了一個特殊階層:<a class="head" href="?p=1.1.1">Guitar</a>是在手風琴的JS定義中使用:

jQuery('#navigation').accordion({ 
     active: false, 
     autoheight:false, 
     header: '.head', 
     event: 'mouseover' 
    }); 

如果沒有這個類,懸停會打開子列表,但是一旦我開始將鼠標懸停在子元素上,它就會關閉手風琴。例如this page上的灰色集團。

我的問題是這樣的,是否有可能在javascript中添加所需的類(.head for ex)到這個動態生成的列表中?

回答

1

這是,尤其是因爲你使用jQuery。

jQuery('#navigation > li > a').addClass('head'); 

這不是美麗的,但它應該工作。在您引用的代碼之前添加它。

+0

是的,工作得很好。我對jQuery相當陌生,所以我會把它寫下來,因爲它可以在將來有所幫助。 – kevin 2010-06-30 14:03:26

+0

但你有沒有試過Alex的回答?這是更快,並避免頭班,所以如果你可以去沒有它... – MvanGeest 2010-06-30 14:04:24

+0

正如我寫下來的,是的,我確實嘗試亞歷克斯的解決方案。但是有開放的問題。 – kevin 2010-06-30 18:04:01

1

而不是將標頭設置爲.head,您可以將它設置爲#navigation > li > a,它將選擇頂級<a>標籤?

+0

檢查文檔後+1 +1:凱文:先嚐試一下,如果不起作用,請使用我的答案。我的答案適用於美化標題的head類,但是一些CSS更改也應該用這個答案來做。 – MvanGeest 2010-06-29 22:56:58

+0

我首先嚐試了你的解決方案Alex,但是唯一的一點是我的手風琴開始全部開放,並且css風格沒有應用,但是這是secundary。無論如何,感謝所有人! – kevin 2010-06-30 14:05:10