2010-11-15 66 views
0

這裏是我用來創建我的滑塊代碼:jQuery的滑塊步屬性不工作

$(".slider").slider({ 
    steps: 10, 
    animate: true, 
    range: true, 
    min: 0, 
    max: 500, 
    values: [range[0],range[1]], 
    change: function() { 
     range = $(".slider").slider("option", "values"); 
     $("#low-price").text("Min: $"+range[0]); 
     $("#high-price").text("Max: $"+range[1]); 
    } 
}); 

的問題是,步屬性不能正常工作。通過上面的代碼,我會認爲每張幻燈片都會將該值更改爲10,但它一次只能跳過1個值。關於這裏有什麼問題的任何想法?

回答

1

問題是選項名稱,應該是step not steps,像這樣:

$(".slider").slider({ 
    step: 10,   //step, singular 
    animate: true, 
    range: true, 
    min: 0, 
    max: 500, 
    values: [range[0],range[1]], 
    change: function() { 
     range = $(".slider").slider("option", "values"); 
     $("#low-price").text("Min: $"+range[0]); 
     $("#high-price").text("Max: $"+range[1]); 
    } 
}); 
0

我相信,選項應該是一步,而不是步驟。

0

它應該是:

step: 10 

(又名不是複數)