2012-11-03 119 views
1

我在音頻播放器中使用滑塊的jQuery滑動用戶界面只有滑動功能在我爲其設置變量時不起作用。jQuery滑動用戶界面不滑動

$('.body_container .slider').slider({ 

    value: 0, 
    step: 0.01, 
    orientation: "horizontal", 
    range: "min", 
    max: song.duration, 
    animate: true, 

    slide: function(event,ui) {    
    manualSeek = true; 
    }, 
    stop:function(event,ui) { 
    manualSeek = false;   
    song.currentTime = ui.value; 
    } 
}); 

在Firebug它與錯誤closestHandle is undefined出現。 closestHandle出現在jQuery UI文件中。

然而,當我在函數中沒有設置任何選項並且只是離開事件,但顯然我需要設置選項時它才起作用;

$('.body_container .slider').slider({ 

    slide: function(event,ui) {    
    manualSeek = true; 
    }, 
    stop:function(event,ui) { 
    manualSeek = false;   
    song.currentTime = ui.value; 
    } 
}); 
+1

嘗試將選項重新添加回來,看看它在什麼時候中斷。 'value'默認爲'0',所以不需要。 –

回答

8

有點晚了,但要確保song.duration是一個數字。你可以使用parseFloat()來確定。

+0

非常感謝我也面臨類似的問題。由您的答案解決。謝謝 –

+0

同意。通常會在初始化滑塊時發生像step,min,max等其他屬性不正確的情況。 – ramu

1

我覺得song.duration沒有定義。

嘗試刪除以下行:

max: song.duration, 

或與此替換它:

max: 100, 

如果不工作song.duration,請嘗試使用console.log(song.duration);與螢火蟲調試是什麼在那個變量中。