jQuery Mobile的（双）rangelider生成两个独立的滑块

Question

我在使用jQuery mobile创建双序列滑块时遇到了很多麻烦。当我从jQuery Mobile docs实现以下建议代码时，我只需在彼此之下获得两个单独的滑块。

<div data-role="fieldcontain">
    <div data-role="rangeslider" data-mini="true">
        <label for="range-8a">Rangeslider:</label>
        <input type="range" name="range-8a" id="range-8a" min="0" max="100" value="0">
        <label for="range-8b">Rangeslider:</label>
        <input type="range" name="range-8b" id="range-8b" min="0" max="100" value="100">
    </div>
</div>

我理想地希望远离jQuery UI，因为这将是另一个框架（并且相当大），如果用户尚未缓存它，则必须下载。我试图让我的应用程序尽可能轻量级。也许我在实施中做错了什么？

Answer 1

根据您的评论，问题是您使用的是错误版本的jQuery Mobile。 rangelider是1.3.0版本的新功能，目前处于测试阶段。因此，如果您想使用此新功能，则必须使用该版本。