1

我正在使用这个vTicker 脚本。它使用li来滚动项目，还有Previous和Next按钮。我想修改 jQuery 来说明是否只有一个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>

查询：

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

那么有没有办法只在li大于 1 时调用该函数并向按钮添加一个 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 回答