jQuery的開關元件類

Question

請看看這裏：http://jsfiddle.net/ZUd27/7/

我需要什麼：

• 有幾個元素。其中一個是積極和可見的。
• 如果我將鼠標懸停在任何不活動的元素上，它就會變爲可見並處於活動狀態。先前有效的元素變爲無效。
• 在鼠標懸停時，沒有任何反應 - 最後一個懸掛的元素保持活動狀態。

我的問題：

• 第一有源元件始終保持活躍（在DOM？）。它變得不可見，但在下一次鼠標懸停時沒有任何反應。
• 其他元素的表現不如他們應該的。如果其中一個是活動的，則在下一個mousein時它變得不可見。

THX

Answer 1

你是相當接近的解決方案，我想。

而不是做這個的： -

$(".slogan_switch_item:not(.active)").hover(function(){ 
    ... 
}); 

...這樣做： -

$(".slogan_switch_item:not(.active)").live('hover',function(){ 
    ... 
}); 

我設法得到它通過改變這一行工作正常。

Answer 2

檢查了這一點。它可以幫助你找到一個簡單的解決方案（可能使用CSS轉換？）:)

http://jsfiddle.net/4yEsN/