Question

因此，手头的问题是在jQuery Mobile alpha 4.1中有一个不断移动的滑块，就像听一首歌或看一场节目一样。基本上是一个进度条，用户也可以在其中输入输入。就像普通移动设备的音乐播放器一样。有没有人知道如何做到这一点？

Answer 1

示例：

（不确定这是否适用于Alpha 4.1，但可能会给你并了解如何使你的工作）

http://jsfiddle.net/zPVVq/

JS

$('#movingSlider').live('click', function() {
    var started  = false;
    var speed    = 1500;
    var duration = new Array();

    for(i = $(this).val(); i <= $(this).attr('max'); i++){
        duration.push(i);
    }    

    $.each(duration,function() {
        var moveSlider = function() {
            newValue = parseInt($('#movingSlider').val(), 10) + 1;
            $('#movingSlider').val(newValue).delay(speed).slider('refresh');      

        }
        setTimeout(moveSlider,0);           
    }); 
});

$('#resetSlider').click(function() {
    $('#movingSlider').val(0);  });

HTML

<div data-role="page" id="home">
    <div data-role="content">

       <label for="slider-0">Click slider value to start --></label>
       <input type="range" name="slider" id="movingSlider" value="0" min="0" max="1000"  />

       <a href="#" id="resetSlider" data-role="button">Reset Slider</a>
    </div>
</div>

Jquery Mobile Slider恒定运动

1 个答案: