JQuery - 如果最后一个元素可见,则将类添加到按钮

时间:2012-10-12 16:25:56

标签: jquery jquery-plugins

我正在使用此插件上下滚动列表。我希望在列表的最后一个元素可见时禁用按钮。

  • 使用向下箭头滚动。
  • 到达列表末尾。
  • 禁用向下箭头。

我试过使用if:last-child:可见但当然不起作用,因为元素总是可见的。

我已经将JS添加到小提琴中以方便使用。 http://jsfiddle.net/NuCWS/

感谢。

1 个答案:

答案 0 :(得分:0)

以下是我过去所做的一些代码:

$('#arrow_left').live('click', function(){
  if($('.browse_box:first-of-type').hasClass('active') != true){
    $('.browse_box.active').removeClass('active').prev().addClass('active');
    $('.browse_box_container_inside').animate({
       left: '+=549'
    },200);
   }
});

$('#arrow_right').live('click', function(){
   if($('.browse_box:last-of-type').hasClass('active') != true){
      $('.browse_box.active').removeClass('active').next().addClass('active');
      $('.browse_box_container_inside').animate({
         left: '-=549'
      },200);
   }
});