在jQuery的移動範圍滑塊需要顯示6位數字值

Question

在範圍滑​​塊文本框中，我嘗試顯示5000000，但它只顯示500000其餘數字可用但不可見我嘗試更改大小，但texbox它正在重新排列距離滑塊的位置。

<form> 
    <div data-role="rangeslider"> 
     <label for="minPrice">Price Range &#40;&pound;&#41;</label> 
     <input type="range" name="minPrice" id="minPrice" min="0" max="5000000" value="0"> 
     <label for="maxPrice">Price Range &#40;&pound;&#41;</label> 
     <input type="range" name="maxPrice" id="maxPrice" min="0" max="5000000" value="5000000"> 
    </div> 
</form> 

如何支持價值500萬沒有slider.So人的重排有想法，這樣我可以解決這個issue.I已經提琴手http://jsfiddle.net/8xVWY/100/

Answer 1

我給你做工作的例子再生問題：http://jsfiddle.net/Gajotres/8xVWY/110/

解決方案jQuery Mobile的版本1.4 +：http://jsfiddle.net/Gajotres/vJa7Z

HTML：

<form> 
    <div data-role="rangeslider" id="custom-slider"> 
     <label for="minPrice">Price Range &#40;&pound;&#41;</label> 
     <input type="range" name="minPrice" id="minPrice" min="0" max="5000000" value="0"> 
     <label for="maxPrice">Price Range &#40;&pound;&#41;</label> 
     <input type="range" name="maxPrice" id="maxPrice" min="0" max="5000000" value="5000000"> 
    </div> 
</form> 

CSS：

#custom-slider .ui-rangeslider-sliders { 
    margin: 0.5em 100px !important; 
} 

#custom-slider input.ui-input-text.ui-slider-input { 
    width: 70px !important; 
}