jquery移動滑塊不斷運動

因此，手頭的問題是在jQuery Mobile 4.1中有一個不斷移動的滑塊，就像收聽歌曲或觀看節目。基本上，用戶也可以在其中輸入輸入的進度條。就像普通移動設備上的音樂播放器一樣。有沒有人有關於如何做到這一點的想法？jquery移動滑塊不斷運動

來源

2011-11-18 Paul Justin Detkowski

1st，jQM 1.0版今天發佈，並且在A4.1和1.0之間已經看到很多迭代。我建議將jQM升級到1.0，現在很難調試您的問題/代碼。另請注意，jQuery 1.6.4是jQM 1.0支持的版本。第二你可以請編輯你的問題，你已經嘗試過的示例代碼，鏈接到示例/文檔/等等......錯誤的你正在接收，等等...... http://jsfiddle.net非常適合共享示例代碼。第3期歡迎使用StackOverflow，請閱讀常見問題解答http://stackoverflow.com/faq，因爲您提交的內容可能已關閉/已投票 –

如果您有任何關於從alpha 4.1升級到jQM 1.0的文檔，資源，因爲我試圖升級一段時間後，它打破了一切。我正在爲一個類使用遺留代碼。該項目多年來一直在運行，並且使用了alpha 4.1。如果有任何可能對升級有用的東西會很好。此時升級的另一件事是，我們的團隊在這個學期沒有太多時間，這聽起來像是一個相當耗時的過程。 –

例子：

（不知道這是否會與阿爾法4.1工作，但可能給你的想法，就如何使你的工作）

http://jsfiddle.net/zPVVq/

$('#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>

來源

2011-11-18 19:36:35

jquery移動滑塊不斷運動

回答

相關問題