Jquery cycle change hide関数を無効にする

Question

カルーセルとしてjquery cycleを使用しています。ナビゲーションボタンにいくつかの機能を追加して、スライドショーの開始時に前のボタンが無効になり、スライドショーの最後に次のボタンが無効になるようにしたいと思います。

http://jquery.malsup.com/cycle/after.html部分解決策がありますが、ボタンを非表示（表示しません）にしたくありません。クラスに「無効」を指定します。

私は悩みそうするように、このスクリプトを適応を抱えている：

<script type="text/javascript"> 
$(document).ready(function() { 
    $('.slideshow').cycle({ 
     fx: 'scrollHorz', // choose your transition type, ex: fade, scrollUp, shuffle, etc... 
     next: '#mycarousel-next', 
     prev: '#mycarousel-prev', 
     after: onAfter, 
     pause: true, 
     nowrap: true, 
    }); 
}); 
function onAfter(curr, next, opts) { 
    var index = opts.currSlide; 
    $('#mycarousel-prev')[index == 0 ? 'hide' : 'show'](); 
    $('#mycarousel-next')[index == opts.slideCount - 1 ? 'hide' : 'show'](); 
} 
</script> 

私は$（ '＃のmycarousel-次'）を持参する必要てると思うのattr（ ''、 '無効'）。 ;上記の文の中に、私のjavascriptのは、貧しい:(任意の助けを事前に

多くのおかげで

トニー

Answer 1

かなりストレートフォワード。あなたが最初または最後のスライドである場合、disabledを追加クラス。 、必ず両方の最初からdisabledクラスを削除するか、あるいはあなたがいずれかの端に到達した後、あなたは常に無効のままになります。これは、あなたがdisabled用に定義されたCSSを前提としています。

function onAfter(curr, next, opts) { 
    var index = opts.currSlide; 

    $('#mycarousel-prev, #mycarousel-next').removeClass('disabled'); 

    if(index == 0) { 
     $('#mycarousel-prev').addClass('disabled'); 
    } else if(index == (opt.slideCount-1)) { 
     $('#mycarousel-next').addClass('disabled'); 
    } 
} 

無効にしたいボタンを使用している場合は、コードを次のように変更する必要があります。

function onAfter(curr, next, opts) { 
    var index = opts.currSlide; 

    $('#mycarousel-prev, #mycarousel-next').attr('disabled', ''); 

    if(index == 0) { 
     $('#mycarousel-prev').attr('disabled','disabled'); 
    } else if(index == (opt.slideCount-1)) { 
     $('#mycarousel-next').attr('disabled','disabled'); 
    } 
}