jQuery滑块范围

我正在尝试使用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); }); 

Answer 2

  in html 
 <%--  --%>      
  
     
 , ,  
 
    
 
 
 
 Weekdays Price:<%# Eval("WeekdayPrice")%>
 Weekend Price: <%# Eval("WeekendPrice")%>
  
 
  
 Ratings : .PNG" alt="'<%# Eval("PropertyRating") %>'"/> (Votes : ) 
 View  times,   Reviews
 <%# Eval("PropertyRecommended")%> % Recommend
 Check in <%# Eval("CheckinTime") %> Check out <%# Eval("CheckoutTime")%>
 
 <%-- --%>     
 
 
 
 
     

Answer 3

轻微修正。 你需要为双滑块调用slider（’values’，n）而不是slide（’value’，n）。

Answer 4

另一个轻微的修正，而不是：

 $("#price").slider("moveTo", 500000, 1); 

尝试以下代码，以便能够将第二个滑块处理程序设置为最大值;

 var max = $('#price').slider('option', 'max'); $("#price").slider( 'values' , 1 , max ); 

Answer 5