jquery - 最後のスライドのanythingslider進むボタンと最初のページの戻るボタンを無効にする方法は？

Question

http://css-tricks.com/anythingslider-jquery-plugin/のJqueryコンポーネント「anythingslider」の優れたプラグインを使用しています が、小さな問題があります。最初のスライド、つまり1番目のスライドを表示するときに戻るボタンを無効にします。

要素を作成し、最後のスライド、つまり最後のスライドを表示するときに進むボタンを無効にします

エレメント ？

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