Jquery mobile自定义范围滑块

Question

我正在尝试将自定义 jquery mobile 仅用于 1.4.5 版本的范围滑块选项与 jquery-1.11.1 集成。自定义 jquery mobile 我从 https://jquerymobile.com/download-builder/ 构建它，当我只选择范围滑块选项按钮（还添加了预定义的依赖项选项）但是当我替换时

<script src="http://code.jquery.com/jquery-1.11.1.js"></script> 
 <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.js"></script>

用波纹管

<script src="http://code.jquery.com/jquery-1.11.1.js"></script> 
<script src='jquery.mobile.custom.js'></script>
<script src='jquery.mobile.custom.min.js'></script>

没有正确响应范围滑块。 （Css 适用于这两种情况，这就是我没有提到它的原因。）

Answer 1

我发现如果你想通过初始化小部件来使用 JQM 中的自定义范围滑块及其依赖项：

1. 您应该定义范围滑块的实例，以便$( "div#range-slide-id" ).rangeslider();在您的页面上将其自定义为 JQM 对象

2. 您应该在 <div data-role="rangeslider" class="col-md-6 ui-page-theme-a" id='range-slide-id'> 上手动声明该类以获取 CSS。

如果您不使用整个 JQM 页面中的小部件，则不会自动初始化小部件，因为它是自定义 JQM 不可用的另一个组件的一部分。

附：此外，您应该注意不要加载可能与此版本冲突的另一个版本的 jQuery 库。