jQuery UI滑塊使用範圍，奇怪的行爲

Question

我有以下代碼，我有jQuery UI滑塊的問題。我的問題是什麼：

雖然滑塊呈現正確，但它表現得很奇怪。我是什麼意思？而不是呈現給處理程序，它只呈現一個，滑塊只能滑動，直到值爲70的巫婆是我數組中的第二個值。請問如何解決這個問題？

這裏是我的代碼：

HTML：

<td valign="top"> 
    <input 
     class="slider_hidden" 
     type="hidden" 
     name="field_name" 
     value="10,70" 
     id="slider_hidden" 
     data-disabled="0" 
     data-min="0" 
     data-max="100" 
     data-orientation="horizontal" 
     data-step="1" 
     data-range="1" 
    /> 
    <div class="slider"></div> 
    <br /> 
    <span class="description"><?php echo $description; ?></span> 
</td> 

的JavaScript

$(document).ready(
    function() 
    { 
     $(".slider").each(
      function() 
      { 
       var val = $(this).prev('input.slider_hidden').val(); 
       var min = $(this).prev('input.slider_hidden').data('min'); 
       var max = $(this).prev('input.slider_hidden').data('max'); 
       var step = $(this).prev('input.slider_hidden').data('step'); 
       var slide_disabled = ($(this).prev('input.slider_hidden').data('disabled') == "1" ? true : false); 
       var orientation = $(this).prev('input.slider_hidden').data('orientation'); 
       var range = ($(this).prev('input.slider_hidden').data('range') == "1" ? true : false); 

       $(this).slider(
        { 
         min: min, 
        max: max, 
         step: step, 
         disabled: slide_disabled, 
         orientation: orientation, 
         slide: function(e, ui) 
         { 
          console.log(ui); 
          $(this).prev('input.slider_hidden').val(ui.value); 
         } 
        } 
       ); 

       $(this).slider('option', 'range', range); 

       if(range == true) 
       { 
        var s = val.split(','); 
        $(this).slider("option", "values", s); 
       } 
       else 
       { 
        $(this).slider("option", "value", val); 
       } 
      } 
     ); 
    } 
); 

注意，所有值從隱藏字段正確retrived。

Answer 1

經過漫長的調查，似乎你可以設置values或value一旦它被初始化！

所以，我沒有發現任何其他的解決方案不是這樣：http://jsfiddle.net/7YVVY/1/

它的工作原理，但它不是優雅:)