滑块事件不适用于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移动版本是旧版本（1.0b2），而当前稳定版本是1.2。 jquery 1.8.2可能与jquery mobile 1.0b2不兼容。所以你可能需要升级到最新版本的jquery mobile.Here是你用jq​​uery 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>