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

如何禁用第一页上的anythingslider前进按钮onlast slide和back按钮？

2 个答案: