目標特定類onclick

Question

嗨我有2個類有一個點擊事件，我怎樣才能定位事件點擊不會影響其他類。基本上讓我們說我有兩個類的滾動 - 右，我只是想影響正在點擊的類。

這是我迄今爲止

$('.scroller-right').click(function(e) { 

    $('.scroller-left').fadeIn('slow'); 
    $('.scroller-right').fadeOut('slow'); 

    $('.tab-scroll').animate({left:"+="+widthOfHidden()+"px"},'slow',function(){ 

    }); 
}); 

$('.scroller-left').click(function() { 

    $('.scroller-right').fadeIn('slow'); 
    $('.scroller-left').fadeOut('slow'); 

    $('.tab-scroll').animate({left:"-="+getLeftPosi()+"px"},'slow',function(){ 

    }); 
});  

Answer 1

你正確地指出，你需要一個單一的功能。因此，我們需要編寫一個可以處理這兩種情況的函數，並將它添加爲兩者的處理程序。

function scrollerClick(e) { 
    var isLeft = $(this).hasClass("scroller-left"); 
    $('.scroller-' + (isLeft ? "left" : "right")).fadeIn('slow'); 
    $('.scroller-' + (!isLeft ? "left" : "right")).fadeOut('slow'); 

    $('.tab-scroll').animate({left:"+="+widthOfHidden()+"px"},'slow',function(){ 

    }); 
} 

$('.scroller-right, .scroller-left').click(scrollerClick); 

Answer 2

嘗試使用「$（本）」變量中的功能liek下面

$('.scroller-left').click(function() { 

    $('.scroller-right').fadeIn('slow'); 
    $(this).fadeOut('slow'); 


});