javascript - 滑块事件不适用于 jqm 1.8.2

Question

我有一个 Jquery Mobile 滑块的工作 JSfiddle，它改变了 div 的比例。

我想将它与更新版本的 Jquery Mobile (1.8.2) 一起使用，但它不起作用。任何人都可以帮忙吗？

<div data-role="fieldcontain">
<input type="range" name="slider" id="slider" value="60" min="0" max="100" /></div>
<div id="proportion" style="border:1px solid #ccc; width:150px; height:150px;" /></div>​
<script>$("#slider").change(function() { sliderValue = $(this).val(); $("#proportion").width(sliderValue*3); $("#proportion").height(300-sliderValue*3); });​ </script>

http://jsfiddle.net/gsjBC/

Answer 1

您使用的 jquery mobile 版本是旧版本（1.0b2），而当前稳定版本是 1.2 。jquery 1.8.2 可能与 jquery mobile 1.0b2 不兼容。因此您可能必须升级到最新版本的 jquery mobile。这是您使用 jquery mobile 1.2 而不是 1.0b2 的小提琴。

http://jsfiddle.net/gsjBC/1/

<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>