ターゲット固有のクラスonclick

Question

こんにちは私はそれにクリックイベントを持っている2つのクラスがあります、どのように他のクラスに影響しないクリックイベントをターゲットできます。基本的に、私はscroller-rightの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

以下の機能liek内部変数はあなたが正しくあなたは、単一の機能を必要とすることを観察した「$（この）」を使用してみてください。その結果、両方のケースを処理し、両方のハンドラとして追加できる関数を記述する必要があります。

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); 

この文脈 `$（この）.fadeOut（ '遅い'）

Answer 2

は

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

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


});