2014-03-27 147 views
0

當我單擊一個滑塊手柄時,在開始爲範圍值的值開始動畫之前,存在明顯的滯後或延遲。這是一個奇怪的問題,因爲jQuery UI滑塊的默認設置按我希望的方式工作。但是我無法找到手柄位置的延遲。jQuery UI滑塊:手柄滯後範圍

我試圖刪除所有的CSS樣式,看看它是不是性能問題,但沒有任何改變。

我也嘗試設置滑塊選項animate爲false。

$this.slider({ 
    range: true, 
    min: min, 
    max: max, 
    step: step, 
    values: [ current_min, current_max ], 
    animate: false, 
    create : function(event, ui) { 
     $this.closest(".cg_slider_wrapper").next().children(".min_value").val(current_min); 
     $this.closest(".cg_slider_wrapper").next().children(".max_value").val(current_max); 
    }, 

    slide: function(event, ui) { 
    $this.closest(".cg_slider_wrapper").next().children(".min_value").val(ui.values[ 0 ]); 
    $this.closest(".cg_slider_wrapper").next().children(".max_value").val(ui.values[ 1 ]); 
    $this.closest(".cg_slider_wrapper").next().children(".amount").html(cg_format_range(template, ui.values[ 0 ], ui.values[ 1 ])); 
    }, 
    change: function(event, ui){ 
     if (event.originalEvent) { // if user changegs it not by code 
      var value = ui.values[ 0 ] + "," + ui.values[ 1 ]; 
      cg_wcpf_add_parameter(widget, type, key, value); 
     } 
    } 
}); 

回答