jQuery Mobile Slider无法在对话框中正确呈现

Question

我在JQM对话框中使用jQuery移动滑块,但它没有正确渲染,在safari和chrome中最为明显.它在标准JQM页面中呈现得很好.

<div data-role="dialog" id="Dialog1"> 
<div data-role="header"> <h1> Dialog</h1> </div>
<div data-role="content">
     <label for="slider-2">Input slider:</label>
     <input type="range" name="slider" id="slider-2" 
                   value="25" min="0" max="100"  />
</div>
<div data-role="footer"><h3>Footer</h3></div>
</div>

这是一个说明问题的jsfiddle链接,如果单击"打开对话框"按钮,滑块无法正确呈现,但如果单击"打开为页面"则为.

我已经打过电话.slider(),并.slider(‘refresh’)在pageshow活动,但似乎不有所作为.

Answer 1

有一种更简单的方法来解决这个问题:

<input type="number" data-type="range" name="slider" id="slider-0" value="0" min="0" max="100">

它是一个数字类型,但具有范围数据类型.通过玩代码来弄清楚它.
到目前为止工作正常!

无论如何它已在最新版本1.0.1中修复!