爲什麼jQuery的添加一個類的圖像whenI點擊它，即使我沒有特別要求它？

發現這家最近，但不能爲我的生活出了「clickedClass」位如何管理的「選擇」類添加到縮略圖...爲什麼jQuery的添加一個類的圖像whenI點擊它，即使我沒有特別要求它？

更改「中選擇」任何你喜歡和它仍然有效。

 var activeOpacity = 1.0, 
      inactiveOpacity = 0.6, 
      fadeTime = 200, 
      clickedClass = "selected", 
      thumb = "#thumbnailContainer div img"; 
     $(thumb).fadeTo(1, inactiveOpacity); 

     $(thumb).hover(
      function(){ 
       $(this).stop().fadeTo(fadeTime, activeOpacity); 
      }, 
      function(){ 
       if(!$(this).hasClass(clickedClass)) { 
        $(this).stop().fadeTo(fadeTime, inactiveOpacity); 
       } 

     $(thumb).click(function() { 
      var clicked, previous; 
      clicked = $(this); 
      if (!clicked.hasClass(clickedClass)) { 
       previous = $(thumb+'.'+clickedClass); 
       previous.removeClass(clickedClass).fadeTo(fadeTime, inactiveOpacity); 
       clicked.addClass(clickedClass).fadeTo(fadeTime, activeOpacity); 
      } 
     }); 

       });

是的，我知道 - 「它有效」，但爲什麼它工作？

任何指針將不勝感激，

來源

2011-04-15 user710188

這行添加「選擇」級到拇指。

clicked.addClass(clickedClass).fadeTo(fadeTime, activeOpacity);

這裏點擊=縮略圖和clickedClass = 「選擇」

來源

2011-04-15 16:42:34

！對不起，我是白癡。通讀代碼非常緩慢，並計算出來的東西了。恥辱就是我。復活節的東西，JS。 – user710188 2011-04-17 05:12:30

因爲thumb = "#thumbnailContainer div img"

和$("#thumbnailContainer div img")是jQuery選擇

這行：$(this).hasClass(clickedClass)檢查縮略圖中有clickedClass您情況下"selected"或任何其他類。

來源

2011-04-15 16:37:11 Neal

爲什麼jQuery的添加一個類的圖像whenI點擊它，即使我沒有特別要求它？

回答

相關問題