Question

这是一个描述我的问题的基本页面：

<!DOCTYPE html> 
<html> 
    <head> 
    <title>My Page</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
    </head> 

    <body> 
        <div data-role="page">

        <div data-role="header">
        <h1>My Title</h1>
        </div><!-- /header -->

        <div data-role="content">   
        <div id="stufflist">
                <div><input type="range" min="0" max="10" value="4"/></div>
            </div>
        </div><!-- /content -->

        </div><!-- /page -->

    </body>
</html>

如果你把它放在一个文件中并在网页浏览器中打开它，你会发现jquery mobile已经初始化了一个滑块，就像它应该的那样。但它不能拖延。

我做错了什么？

由于

Answer 1

jQuery Mobile 1.0.1不正式支持与jQuery 1.7.1一起使用，有时在其他帖子中也有建议。查看jqm download area并遵守建议的用法。

要从jquery移动团队check out this forum post获得更好的答案。它应该在jqm 1.1中得到支持。

希望这有帮助！

无法在JQuery Mobile中拖动滑块

1 个答案: