jquery手風琴仍然在關閉後選擇

我有一個jQuery可排序的手風琴。當我將鼠標懸停在每個手風琴標題上時，它們都會正確切換到突出顯示/選定的顏色狀態。當我點擊標題打開手風琴的那部分，然後再次點擊它關閉手風琴的那部分時，突出顯示/選擇的顏色狀態仍然存在。因此，如果我手風琴有10個部分，那麼我打開並關閉其中的3個，這3個顏色與手風琴的其他部分顏色不同。這提供了糟糕的用戶界面。任何人都知道爲什麼會發生這種情況以及如何解決它？jquery手風琴仍然在關閉後選擇

編輯：

很抱歉不能提供一個例子開始，我的NDA工作，所以我不能直接提供給他們。我整理了一個關於正在發生的事情的可共享例子。

你可以看到它發生在這裏：http://inadaydevelopment.com/StackOverflow/AccordionStateProblem/jqueryexample.html

如果你將鼠標懸停在他們，他們變爲橙色（正確的）。如果你點擊一個打開它，它仍然是橙色（正確）。如果關閉它並不再懸停，它仍然保持橙色，而不是返回藍色（錯誤）。

來源

2012-06-23 Kenny Wyland

演示或鏈接，請？ –

無法修復無法看到的東西......衆多腳本，css和html版本的變奏符 – charlietfl

http://jsfiddle.net/nDEHb/1/告訴我這是否有問題 – Ghokun

繼將清除「UI狀態爲關注焦點」的類，導致了問題：

$('.ui-accordion .group > h3').mouseleave(function(){ 
    $(this).removeClass('ui-state-focus') 
})

這在反對演示瀏覽器控制檯進行測試。

編輯：選擇可以簡單地縮小到：

$('.ui-accordion-header')

來源

2012-06-23 21:35:13 charlietfl

jquery手風琴仍然在關閉後選擇

回答

相關問題