滑块不在jQuery Mobile中工作

Question

我在jQuery Mobile中尝试滑块小部件,只是从文档中复制了代码:

    <div data-role="fieldcontain">
        <label for="slider">Input slider:</label>
        <input type="range" name="slider" id="slider" value="0" min="0" max="100"/>
    </div>

但这根本没有预料到的效果.当我在Safari中拖动滑块时,数字几乎随机变化.它们从0增加到9,然后在滑块的最右边再回到0,然后当我向后滑动时,它在0到9之间来回移动......

难道我做错了什么？？

我在CodeIgniter应用程序中使用它.

编辑:

我刚刚发现它实际上在iPhone上运行时有效,但在桌面上的Safari中却没有.它仍然很奇怪,因为首先我需要它在桌面上进行开发,其次,它可以在jQuery Mobile演示站点上运行...我已经尝试查看该代码,甚至完全复制它,但它仍然是在我的页面上不起作用.

我已更新到RC2,而演示页面上的脚本仍然是beta 2,可能就是这样吗？

编辑2:

不,那不是它......我检查过旧的文档,但是最新版本的新文档中的示例在他们的演示页面上也运行良好.所以这是另一回事.

Answer 1

请记住,jqueryMobile的1.0.1版与jquery 1.7.1不完全兼容,这使得滑块在某些浏览器上不起作用.尝试将jquery降级到版本1.6.4,滑块应该开始工作