JQuery ui范围滑块

Question

无论我做什么，我都无法得到这个结果

使用此代码

<div data-role="rangeslider">
    <input name="range-1a" id="range-1a" min="0" max="100" value="0" type="range">
    <input name="range-1b" id="range-1b" min="0" max="100" value="100" type="range">
</div>

我总是得到这个结果 这应该是正确的吗？ 我链接了最新的jquery mobile和ui js文件以及css文件 那到底是怎么回事？ 我希望它们彼此相邻对齐＆gt;。＆lt;

Answer 1

如果有人遇到同样的问题，解决方法是清理标题并清理指向css和js文件的链接。 我发现我使用旧的css链接到jquery.mobile

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />

只需添加正确的css文件，并确保调用最新的文件，在我的情况下，现在是

<link rel="stylesheet" href="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">