非常に単純な質問です。if / else if ステートメントの問題であることはわかっていますが、それらを正しく実行することはできません。
http://jqueryfordesigners.com/coda-slider-effect/のベースを使用しており、非表示にすることもできますが、状況に応じて使用できるようにする場合 (現在選択されているもの) は、正しく動作させることができません。
これには serialscroll プラグインがありますが、coda-slider では機能していないようです。
jQuery(function( $ ){
var $prev = $('#before'),//prev button
$next = $('#after');//next button
$('.slider').serialScroll({
//...
cycle:false, //you probably don't want this
onBefore:function( e, elem, $pane, $items, pos ){
$prev.add($next).show();
if( pos == 0 )
$prev.hide();
else if( pos == $items.length-5 )
$next.hide();
}
//...
});
});
だから、シリアルスクロール側で何かが欠けているのか、それとも単純な状況に応じたJSを書くべきなのか、私にはわかりません。
ご覧のとおり、cycle: false を使用して設定しました。スクロールが停止し、ボタンは何もしませんが、消えません。
前もって感謝します！