使用Jquery選項卡禁用手風琴操作

Question

我將JqueryUI的“手風琴”和“選項卡”結合使用，但是我無法弄清楚如何使手風琴正常工作，因為使用布局，這些選項卡位於“頁眉”區域內，因此每次單擊這些選項卡時，也正在切換手風琴。

我試圖使標題更加細化，如下所示：

$( ".accordion" )
.accordion({
    header: "> div >  ul > li:first-child",
    collapsible: true
})

它弄亂了樣式。 這是實時示例： http : //jsfiddle.net/a30kfn01/2/

Answer 1

最終發現這行得通，當然您還可以添加一個if語句來獲得更精細的信息：

$('.accordion li').click(function(e) {      
    e.stopImmediatePropagation();
    return false;      
}); 

$( ".accordion" )
.accordion({
    header: "> div > ul",
    collapsible: true
})