Question

您好我有2个类，其上有一个on click事件，如何在点击时定位不会影响其他类的事件。基本上我们说我有两类滚动右键，我只想影响正在点击的类。

这是我到目前为止所拥有的

$('.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中使用'$（this）'变量

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

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


});

Answer 2

您正确地发现您需要一个功能。因此，我们需要编写一个可以处理这两种情况的函数，并将其作为两者的处理程序添加。

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

目标特定类onclick

2 个答案: