Jquery 移动自定义范围滑块

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 对象$( "div#range-slide-id" ).rangeslider();

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

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

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