jquery - 如何在第一页的最后一张幻灯片和后退按钮上禁用任何滑块前进按钮？

Question

我正在使用来自http://css-tricks.com/anythingslider-jquery-plugin/的 Jquery 组件“anythingslider”很棒的插件， 但是有一个小问题，我想在显示第一张幻灯片时禁用后退按钮，即第一张

元素并在显示最后一张幻灯片时禁用前进按钮，即最后一张

元素 ？

共有 8 个

滑块中的元素

谢谢

Answer 1

该插件基于 LI 结构，当前（活动）li 具有类“activePage”代码：

$('.arrow.back')click(
function(e){
   if($('ul#slider1').find('li:not(.cloned)').first().hasClass('activePage')){
      e.stopImmediatePropagation();
      return false;
}});

从页面源中调查了 id 和类，如果这将是队列中的第一个事件侦听器，希望这会对您有所帮助，它可以工作

Answer 2

使用以下代码

    $('#slider').anythingSlider({
        onInitialized   : function(){
              // hide back arrow
              $('.arrow.back').hide();
        },
        onSlideComplete     : function(){
            if($('#slider .panel:not(.cloned)').first().hasClass('activePage')){
              // hide back arrow
              $('.arrow.back').hide();
            }
            else{
              $('.arrow.back').show();
            }

            if($('#slider .panel:not(.cloned)').last().hasClass('activePage')){
              // hide forward  arrow
              $('.arrow.forward').hide();
            }
            else{
              $('.arrow.forward').show();
            }
        }
    });