jquery ui滑塊隱藏輸入不會更新事件

Question

我嘗試更新我隱藏的輸入字段內jquery ui滑塊，但不會發生。我一直在使用下面的代碼。使用Firebug輸入字段檢查DOM不會更新事件。顯示初始值。

// --- Price Slider 
     $("#price_slider").each(function() { 
      $(this).slider({ 
       animate: true, 
       step: 25, 
       range: true, min: <?= $sel_minmax['price_min'] ?>, max: <?= $sel_minmax['price_max'] ?>, 
       values: [<?= $params['price_min'] . ',' . $params['price_max'] ?>], 
       change: function() { 

        // get slider values 
        var lower = $(this).slider("values", 0); 
        var upper = $(this).slider("values", 1); 

        // update spans with slider values 
        $(this).children("a.ui-slider-handle").first().children("span").html(lower + '€'); 
        $(this).children("a.ui-slider-handle").last().children("span").html(upper + '€'); 
       } 

      }); 
      $("input[id=price]").val($("#price_slider").slider("values", 0) + ";" + $("#price_slider").slider("values", 1)); 
      $(this).children("a.ui-slider-handle").html("<span class='Slider_Value'></span>"); 
     }); 

HTML

<p> 
     <span class="min"></span> 
     <span class="max"></span> 
     <input type="hidden" id="price" /> 
</p> 

<div id="price_slider"></div><br> 

的jsfiddle http://jsfiddle.net/lgtsfiddler/aTLGA/2/

Answer 1

它只是不更新​​隱藏輸入字段？我認爲，如果你改變你的代碼這樣的事情，它會工作：

$(function() { 
    // -------------------------------- 
     // --- Price Slider 
     $("#price_slider").each(function() { 
      $(this).slider({ 
       animate: true, 
      step: 25, 
      range: true, min: 1200, max: 5000, 
      values: [1200 , 5000], 
      change: function() { 

       // get slider values 
       var lower = $(this).slider("values", 0); 
       var upper = $(this).slider("values", 1); 

       // update spans with slider values 
       $(this).children("a.ui-slider-handle").first().children("span").html(lower + '€'); 
       $(this).children("a.ui-slider-handle").last().children("span").html(upper + '€'); 
       $("input[id=price]").val(lower+";"+upper); 
      } 

     }); 

     $(this).children("a.ui-slider-handle").html("<span class='Slider_Value'></span>"); 
    }); 


}); 

是你的問題？