Jquery 仅限移动自定义范围滑块

Question

我正在尝试将 1.4.5 版本的自定义 jquery 移动版仅用于范围滑块选项与 jquery-1.11.1 集成。当我只选择范围滑块选项按钮（还添加了预定义的依赖项选项）但是当我替换

时，我从 https://jquerymobile.com/download-builder/ 构建的自定义 jquery 移动设备

<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'> 上手动声明 class 以获得 CSS。

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

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