0

我有一个 jQuery UI 滑块在这里工作：http ://energync.ehclients.com/slider2.html ，我喜欢它的工作方式。我只需要做一个调整，我就会准备好。

目前滑块有三个步骤： 1. 第一张幻灯片 2. 第二张幻灯片 3. 空白。

如何将以下 jQuery 修改为仅两个步骤，仅显示幻灯片一和二，但不显示空白？

谢谢！

    $(function() {
    $('#sliderContent .item:first').addClass('shown').show();
    $("#slider").slider({
        value: 0,
        min: 0,
        max: $('#sliderContent .item').size(),
        step: 1
    }).bind("slide", function(event, ui) {
        var newIndex = ui.value;
        var oldIndex = $('#sliderContent .item').index('.shown');
        if (newIndex != oldIndex) {
            $('.shown').fadeOut(150).removeClass('shown');
            $('#sliderContent .item').eq(newIndex).fadeIn(150).addClass('shown');
        }
    });
});
4

1 回答 1

1

设置max为$('#sliderContent .item').size() - 1。

于 2013-02-26T17:37:28.117 回答