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