为什么数据迷你和数据高亮在滑块(jquery）中不起作用

Why could data-mini and data-highlight not work in slider (jquery)?

本文关键字：数据 jquery 不起作用 高亮 为什么      更新时间：2023-09-26

我在jquery移动中有这个简单的滑块

<label for="slider-1">Input slider:</label>
<input type="range" name="slider-1" id="slider-1" value="60" min="0" max="100" data-highlight="true" data-theme="b" data-track-theme="b" data-mini="true"/>

代码几乎是从文档中复制粘贴的(https://demos.jquerymobile.com/1.2.0/docs/forms/slider/)并且滑块工作。价值观、数据主题、数据轨道主题都很好，并且正在发挥作用。相反，数据迷你和数据高亮显示对滑块没有影响。。。也在不同的浏览器上尝试过。为什么会发生这种情况？

编辑：尝试了脚本方式。也没有财富。

 <script>
 $(document).ready(function(){
     $('#slider-1').slider({ mini: true });
 });
 </script>

已解决。错误的库版本

更改

 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.js"></script>

至

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

解决了的问题

相关文章：