为什么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点击它，即使我没有特别要求它？

回答

相关问题