滑塊事件無法在jqm 1.8.2上工作

Question

我有一個可以改變div比例的Jquery Mobile滑塊的JSfiddle。

我想使用它與新版本的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.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>