2011-09-09 90 views
2

我想知道如何淡出jQuery中的類元素。我有一個div列表,他們都有相同的類名。所以,如果我點擊它們,全部淡出。我怎麼能這樣做,只是我點擊的那個正在淡出?jQuery淡出問題

 $(document).ready(function() { 
      $('.imageWrap').click(function() { 
       $(this).fadeOut(); 
      } 
     }); 

我一直在檢查jquery文檔,但我找不到任何解決方案。我知道這是一個基本問題,但我希望有人能幫助我。謝謝!

+0

您發佈的代碼將做到這些,除了你缺少一個右')''的後click'處理程序。 – user113716

回答

2

您預期的那樣,但你有一個錯字這將工作:

$(document).ready(function() { 
     $('.imageWrap').click(function() { 
      $(this).fadeOut(); 
     }); // < - missing parathesis and semicolon 
    }); 

的jsfiddle:http://jsfiddle.net/NTtqx/

+0

*「缺少parathesis」* **和**分號。永遠不要依靠自動分號插入的恐怖。 –

+0

@ T.J。,好點。更新了答案 – Joe

0

你有上面的代碼應該褪色只是像你點擊了,他$(this)部分僅選擇已在用戶點擊圖片,然後淡出出來,你的問題是錯字,你有一個丟失)

$('.imageWrap').click(function() { 
    $(this).fadeOut(); 
}) //ADD THE CLOSING BRACKET HERE 

我已經在這個JSFiddle中複製了你的代碼行,你可以看到當你點擊一個div只是div淡出:http://jsfiddle.net/SMtuG/,所以它顯然只是導致這個問題的錯字。

0

你忘了關「點擊」與事件「});」:

$(document).ready(function() { 
    $('.imageWrap').click(function() { 
     $(this).fadeOut(); 
    }); 
});