1

このvTicker スクリプトを使用しています。を使用しliてアイテムをスクロールし、ボタンもPreviousありNextます。jQueryを変更して、ボタンが1つしかない場合liはスクロールせず、ボタンを非表示にしたいと思います。

<div id="scroller">
    <ul id="list">
        <li>Test 1</li>
        <li>Test 2</li>
        <li>Test 3</li>
        <li>Test 4</li>
        <li>Test 5</li>
    </ul>
</div>
<a class="Prev" href="#">Prev</a>
<a class="Next" href="#">Next</a>

Jクエリ:

$(function(){
    var $scroller = $("#jqscroller");
    $scroller.vTicker('init', {height: 20, showItems: 1});

    $(".next").click(function(){ 
        $scroller.vTicker('next');
    });

    $(".prev, .next").hover(function(){ 
        $scroller.vTicker('pause', true);
    }, function(){
        $scroller.vTicker('pause', false);
    });

    $(".prev").click(function(){ 
        $scroller.vTicker('prev');
    });
});

li1より大きい場合にのみ関数を呼び出し、ボタンにcssクラスを追加する方法はありdisplay:noneますか?

4

3 に答える 3

1 
$(function(){
    var $scroller = $("#jqscroller");

    if ( $('#list li').length > 1 ) {
         $scroller.vTicker('init', {height: 20, showItems: 1});
    } else {
      $('.Prev, .Next').hide();
    }

    $(".Next").click(function(){ 
        $scroller.vTicker('next');
    });

    $(".Prev, .Next").hover(function(){ 
        $scroller.vTicker('pause', true);
    }, function(){
        $scroller.vTicker('pause', false);
    });

    $(".Prev").click(function(){ 
        $scroller.vTicker('prev');
    });
});
于 2012-05-28T12:03:02.860 に答える
1

次のようにできます。

if ($('#list li').length === 1) {
   $('.Prev, .Next').hide();
}
于 2012-05-28T12:03:32.260 に答える
1

これを試して：

if ($("#list li").length > 1) {
    $scroller.vTicker('init', {height: 20, showItems: 1});
}
else {
    $(".Prev, .Next").hide();
}
于 2012-05-28T12:04:11.150 に答える