jQuery ui滑块错误的值？

Question

示例代码:http: //jsbin.com/eqile3/

这是一个带有2个手柄的滑块,1个用于min,1个用于max,在滑动事件中,这些值放在输入字段中.

请注意,当向上和向下滑动最小手柄时,最小值为11(尽管我将其设置为10),但是当从最小位置向上滑动时,它从11变为10然后是11.如果我向下滑动又一次是12到11 ......

很奇怪的错误,不确定原因在哪里？

此外,当min-handle位于从步骤0开始的第一步时,因此值为10,然后我移动max-handle,min-handle的值被正确更新.max-handle有相反的问题.

示例中的相关javascript:

$(document).ready(function(){
  $('#clarityslider').slider({step:1,min:10,max:18,range:true,values:[10, 18]});  

  $('#clarityslider').bind('slide', function(ui, event){
    valuemin = $(this).slider('values', 0);
    valuemax = $(this).slider('values', 1);


    $(this).next().val(valuemax);
    $(this).prev().val(valuemin);
  });
});

Answer 1

哇非常感谢你!这真的对我有帮助,因为我有同样的问题!

我有:

slide: function(event, ui) {
          var Oldvalue = $('#slider').slider("value");

和改变,以

slide: function(event, ui) {
              var Oldvalue = ui.value;

Answer 2

确实是奇怪的价值观.这更简化,就像一个魅力:

$(document).ready(function(){

    var valuemin = valuemax = 0;

    $('#clarityslider').slider({
        min:    10,
        max:    18,
        range:  true,
        values: [10, 18],
        slide:  function(event, ui) {
            valuemin = ui.values[0];
            valuemax = ui.values[1];
            $(this).next().val(valuemax);
            $(this).prev().val(valuemin);
        }
    });
});

祝你好运!