我在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>

这里有一个指向ajsfiddle的链接,说明了这个问题,如果您单击“打开对话框”按钮,则滑块不会正确呈现,但如果您单击“打开为页面”。
我试过在.slider()事件中调用.slider(‘refresh’)pageshow,但似乎没有什么区别。

最佳答案

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

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

它是数字类型,但具有范围数据类型。通过玩弄代码解决了这个问题。
到目前为止还不错!
不管怎样,它已经在最新版本1.0.1中修复了!

关于html5 - jQuery Mobile Slider无法在对话框中正确呈现,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/8344452/

10-13 00:23
查看更多