Question

我正在使用Backbon js，jQuery Mobile和Phonegap / Cordova来开发一个简单的应用程序，我只是在使用jQuery Mobile styles / css添加列表时遇到问题。

我添加了一个jquery移动“标题”，我可以在我的设备上看到它。现在我想添加一个简单的列表，但不是使用css的漂亮列表，我有一个普通的HTML列表。

使用的文件：

jquery.mobile-1.4.3.min.css
jquery.mobile-1.4.3.min.js

Menu.html

<ul id="list_menu" data-role="listview" data-inset="true">

    <li data-role="list-divider">Overview</li>

    <li><a href="#home">Home</a></li>
    <li><a href="#contact">Contact</a></li>

</ul>

结果：

enter image description here

修改

的index.html

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" charset="ISO-8859-1"> 

<title>Title</title>

<link rel="stylesheet" href="js/libs/jquery_mobile/jquery.mobile-1.4.3.min.css"/> 

<script type="text/javascript" charset="utf-8" src="js/libs/cordova.js"></script>
<script src="js/libs/jquery-1.9.1.min.js"></script>
<script src="js/libs/underscore-min.js"></script>
<script src="js/libs/backbone-min.js"></script>
<script src="js/libs/json/json2.js"></script> 
<script src="js/libs/jquery_mobile/jquery.mobile-1.4.3.min.js"></script>  


<!-- other scripts to import like views -->

</head>
<body>

     <div data-role="page">

        <div data-role="header" data-theme="b">
            <h1>Demo</h1>
        </div>


        <div data-role="content" id="content_application">
            <!-- app running here -->
        </div>

    </div>
</body>
</html>

我有一个文件夹 www / js / libs / jquery_mobile ，其中我有来自jquery mobile的css，js和图片。

我正在使用我的Android手机进行测试，所以我真的不知道如何调试它。

jquery mobile - data-role =＆＃34; listview＆＃34;似乎被忽略了

0 个答案: