Jquery mobile 自定义仅范围滑块

Jquery mobile custom only range slider

提问人:joe 提问时间:8/27/2021 最后编辑:joe 更新时间:8/30/2021 访问量:178

问:

我正在尝试将自定义 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 适用于这两种情况,这就是我没有提到它的原因。

jquery jquery -移动 范围 范围滑块

评论

0赞 Carsten Løvbo Andersen 8/27/2021
您是否检查了“控制台/网络”选项卡并检查是否有错误
0赞 joe 8/27/2021
不,控制台中没有错误。问题是它没有从自定义构建的 JQM 中获得 JQM 滑块的样式,但是当我与完整版本链接时,它的样式正确

答:

0赞 joe 8/30/2021 #1

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

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

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

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

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