如何解除懸停狀態但將其還原回其他人？

我想要發生的是這個如何解除懸停狀態但將其還原回其他人？

我將鼠標懸停在元素上並顯示它們的標題。這很容易。

但我也想點擊元素並保持懸停狀態，而其他人仍然有懸停效果。

我似乎無法完成第二步。我不知道如何在點擊其他元素後重新添加懸停狀態。

這是我到目前爲止有：

http://jsfiddle.net/62cRZ/1/

謝謝

編輯：對不起，我不好描述。這就是我的意思。好的，所以有image1和image2 當我點擊image1時，標題保持不變，不再消失。當我將鼠標懸停在image2上時，標題淡入淡出。

現在我點擊image2，標題現在停留，不再褪色。但是image1的淡入淡出的標題會返回到原來的狀態，當您懸停進出時，淡入淡出。

來源

2012-07-11 Matt

你的意思是保持（一旦點擊圖片）點擊另一個保持第一個標題的標題？ – domoindal 2012-07-11 18:52:49

如果有人點擊一次，標題應保持可見，但如果再次點擊，應該消失嗎？ – j08691 2012-07-11 18:58:44

抱歉，不好的描述。這是我的編輯。 – Matt 2012-07-11 19:16:18

而是解除綁定懸停動作，你可以添加一個類「活動」的標題，然後再覈對它在你的懸停動作：

$('.pic').hover(function() { 
    var caption = $(".caption",this); 
    if (! caption.hasClass("active")) { 
     caption.stop().fadeIn(); 
    } 
}, 
function() { 
    var caption = $(".caption",this); 
    if (! caption.hasClass("active")) { 
     caption.stop().fadeOut(); 
    } 
}); 

$('.pic').click(function() { 
    //fade out all other captions that have kept their hover states/ This wasn't the first pic clicked on 
    $('.caption').fadeOut().removeClass("active"); 

    //fade in only this caption when clicked 
    $(".caption", this).fadeIn().addClass("active"); 

});

例子： http://jsfiddle.net/bstakes/62cRZ/9/

來源

2012-07-12 11:53:04 bstakes

如何解除懸停狀態但將其還原回其他人？

回答

相關問題