2012-05-31 15 views
3

我想使用Jquery UI手風琴模塊創建一個包含對象(標題)類別的邊欄,點擊時顯示子類別(內容)。使用jQuery手風琴的菜單:使標題的鏈接工作

手風琴本身工作正常:當我點擊一個類別時,它會顯示一個新的部分,其中包含指向不同子類別頁面的鏈接,但主要類別的鏈接不再工作。我想點擊一個類別來做兩件事:適當地改變手風琴並打開鏈接。

我已經在網上搜索了2個小時,而且我發現的唯一線索是使用回調來表示手風琴的更改事件,但我在jQuery/Javascript中是非常新手的,所以我不知道如何做到這一點,或者如果這是最好的選擇。

如果我使用「mouseover」觸發手風琴,那麼一切正常:類別上的點擊事件仍然打開分類頁面。我應該使用鼠標懸停還是使用點擊作爲事件的解決方案? (問題是,jquery生成一個客戶端事件,而鏈接應該生成一個服務器端事件)

你可以檢查我的意思是生活here(點擊左側欄中的「媒體」應打開子類別,但也打開媒體類別內的對象列表,而點擊子菜單「書籍」工作正常)。

非常感謝您的幫助!

回答

2

而不是使用手風琴標題中的鏈接,使用手風琴的更改事件。

http://jqueryui.com/demos/accordion/#event-change

$("#accordion").accordion({ 
    changestart: function (event, ui) { 
     var href = ui.newHeader.attr("href"); 
     // do something with href 
    } 
}); 
+0

謝謝凱文! ......你向我展示了方式......但是,在我的情況下,爲了使它工作,我必須改變一下你的答案:刪除「.find(」a「)」部分並使用CHANGESTART事件,而不是CHANGE事件,如果我想能夠在同一個窗口中打開href。非常感謝 ! – citraL

+0

@citraL - 修好了,謝謝! –

+0

,也許你也可以用代碼中的「changestart」代替「change」,這樣其他讀者會直接得到它的權利?問候,citraL – citraL