0

这个(非常基本的)页面:
http ://www.marianotomatis.it/test.php 在ChromeFirefox
上 正确呈现,但在IE9上它停止在这一行:

h=a.data(e.get(0),"mobileSlider").slider

脚本http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js 的消息“无法检索空或未定义引用的“滑块”属性”。

这是页面的完整代码:

<!DOCTYPE html>
<html>
<head><title>Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
</head>
<body>
<div id='A' name='A'>
 <div data-role="rangeslider">
    <label for="B">Range</label>
    <input type="range" name="B" id="B" min="0" max="100">
    <label for="C">Range</label>
    <input type="range" name="C" id="C" min="0" max="100">
 </div>
</div>
</body>
</html>

您看到问题的任何原因了吗?

4

2 回答 2

0

earthdesigner 在https://stackoverflow.com/a/18021916/1545905上找到了解决此问题的方法

将 data-type='range' 添加到范围输入。

于 2013-08-09T02:41:46.590 回答
0

这是一个与另一个针对 jQuery Mobile v1.3.1 “ Rangeslider 在某些 IE (JQueryMobile 1.3.1) 中渲染不佳”的问题类似的问题

我能够在 jQuery Mobile v1.3.2 中找到解决此问题的方法,并在上面的链接问题上发布了我的答案。

于 2013-07-27T13:20:21.777 回答