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>"); 
    }); 


}); 

是你的问题？