2010-06-05 62 views
0
$(文檔).ready(函數(){012}「模塊.caption」)。hide(); $(「。module」)。hover(function( ){ $(this).find(「.title」)。slideDown(); }); });

這段代碼非常適合我的目的,唯一需要注意的是我需要.module hover函數來同時向所有不是$ this的其他「.caption」添加一個「under」類,然後當懸停結束時將其移除。所以基本上我不想讓那些懸而未決的「模塊」來獲得課程,我希望它能夠完成我在這裏展示的內容......在結束懸停時滑動.caption,我只想要其他所有內容「。當任何「.module」被徘徊時,標題就可以獲得下課。jQuery語法問題,很簡單我認爲

剛剛用我一直在嘗試的東西打死一端,想用同樣的功能來做。有任何想法嗎?

+1

'$( 「標題 」)不是($(本))addClass(「 下」);' ... $(「。caption」)。not($(this))。removeClass(「under」)'; – Ben 2010-06-05 22:23:37

+0

本的答案是最短的。我喜歡 – XGreen 2010-06-05 22:35:27

回答

1

根據您的HTML結構這樣的事情可能做到這一點:。

<script type="text/javascript"> 
$(document).ready(function() { 
    $(".module .caption").hide(); 
    $(".module").hover(function() { 
    $(this) 
     .find(".caption").slideDown().end() 
     .siblings('.module').children('.caption').addClass('under'); 

    },function() { 
    var $this = $(this); 

    $this.find(".caption").slideUp(); 

    setTimeout(function() { 
     $this 
     .siblings('.module').children('.caption').removeClass('under'); 
    }, 1000); 
}); 
</script> 
+0

Presto。謝謝你,先生。和所有其他人提供了一種方式。多謝。 – 2010-06-05 22:43:26

+0

謝謝,不客氣!我喜歡.end()提供的功能。 – 2010-06-05 22:45:15

+0

另外還有一個希望,是否有可能用定時器去除下面的類,這樣,在內容落後之前,滑動效果還有一秒鐘就完成了?就像1秒鐘就夠了。 – 2010-06-05 22:52:10

0

只需將該類添加到所有其他標題,然後將其從匹配的標題中刪除。在懸停結束時,將其從所有這些中移除。

0
$(function() { 

     $('a').hover(function() { 
      $(this).addClass('on'); 
      $('a:not(.on)').addClass('noton'); 

     }, function() { 
      $(this).removeClass('on'); 
      $('a:not(.on)').removeClass('noton'); 

     }); 
    }); 
0

我不確定這是否會有所幫助,因爲我不知道「下」類完全是什麼。

$(".module").hover(function() { 
     $(".caption").addClass("under"); 
     $(this).find(".caption").removeClass("under").slideDown(); 
     },function() { 
     $(this).find(".caption").slideUp(); 
     $(".caption").removeClass("under"); 
     });