如何停止使用jQuery影響多個類？

我創建了這個簡單的功能，除了我在頁面上有多個「.cta-mask」的事實，它工作得很好。當懸停其中一個「.cta-mask」時，我需要做些什麼來停止影響所有「.box-hover」。代碼如下：如何停止使用jQuery影響多個類？

$(document).ready(function() { 

    //header box  
    $('.box-hover').css('opacity' , '.6'); 

    $('.cta-mask').hover(function(){       
    $('.box-hover').stop().animate({left:'-12px', opacity:'0.8'},{queue:false,duration:300}) 
    }, function(){ 
    setTimeout(function() { 
     $('.box-hover').stop().animate({left:'-190px', opacity:'.6'},{queue:false,duration:600}) 
    }, 500) 
    }); 
});

非常感謝您的幫助。

來源

2010-07-09 Dom

什麼是你的標記是什麼樣子？ – 2010-07-09 15:33:42

你想影響哪個box-hover？每個cta-mask元素是否有一個？ – sje397 2010-07-09 15:34:32

nassuming .box的懸停在裏面.cta面罩，你可以做這樣的事情：

$('.cta-mask').hover(function(){       
    $(this).find('.box-hover').stop().animate({left:'-12px',opacity:'0.8'},{queue:false,duration:300}) 
}

來源

2010-07-09 15:35:27 Puaka

如何停止使用jQuery影響多個類？

回答

相關問題