jquery只適用於不透明的元素如果元素不是一個特定的類

Question

我試圖建立一些圖形，用0.5不透明度初始化它們，當它懸停或點擊時，不透明度變爲1.（它是文章選擇元素的一部分頁面的排序 - 類似的標籤，但不是標籤） 我可以做懸停在一點點，但添加代碼來處理被點擊的部分是我認爲當鼠標離開元素時被懸停事件纏繞。 如果我添加一個類到已被點擊的元素來說「選擇」是否有辦法，我可以應用懸停元素，只有當不是class =「selected」時。

這是我的拼圖代碼！

$(document).ready(function() { 

     $('.pic').stop().animate({ opacity: 0.5 }, 250); 

     $('.pic').each(function() { 
      $(this).hover(function() { 
       $(this).stop().animate({ opacity: 1.0 }, 250); 
      }, 
      function() { 
       $(this).stop().animate({ opacity: 0.5 }, 250); 
      }); 

      $(this).click(function() { 
       alert('Clicked'); 
       $('.pic').stop().animate({ opacity: 0.5 }, 250); 
       $(this).stop().animate({ opacity: 1.0 }, 250); 
      }); 

     }); 
    }); 

有沒有更好的方法可以做到這一點？

我試過CSS，並使用Jquery來改變CSS類，但不能完全得到它的工作，所以回到這一點。

謝謝

Answer 1

檢查，如果有問題hasClass()元素做一些事情，如果它不...

例子：

if(!$(this).hasClass('selected')){ 
    // do stuff 
}