jQuery滑块范围

Question

我正在尝试使用jQuery滑块的range属性,以便滑块控件显示两个句柄,用户可以从中选择房地产的价格范围.我的代码是:

$("#price").slider({ range: true, minValue: 0, maxValue: 2000000,
  change:
  function(e, ui) {
    var range = (Math.round(ui.range) * 10) + " to " + ui.value;
    $("#pricedesc").text(range);
  } 
});

价格范围应为0至2,000,000美元.当我滑动滑块上的手柄时,我会得到不寻常的值,例如"690到13".双手柄滑块究竟是如何工作的？

Answer 1

要访问双处理滑块中的滑块手柄值,您需要从滑块("值",索引)函数访问它们.请尝试以下代码:

$(document).ready(function(){
    $("#price").slider(
      { range: true, 
        min: 0, 
        max: 2000000, 
        change: function(e,ui) { 
          alert($("#price").slider("value", 0) + ' - ' + $("#price").slider("value", 1) );
    }});
    $("#price").slider("moveTo", 500000, 1);
  });