android Jquery Mobile示例不起作用

时间:2012-05-21 11:26:36

标签: jquery android jquery-mobile

我在我的Android设备中使用jquery mobile的示例。我用这段代码尝试创建简单的listview,但是我没有结果,它只是打印就像一个简单的浏览器,没有任何样式或listview。我该怎么做才能解决这个问题?

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Intro to jQuery Mobile</title>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />
    <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
</head>
<body>

<div data-role="page">

    <div data-role="header">
        <h1>Facebook Friends</h1>
    </div><!-- /header -->

    <div data-role="content">
        <p>

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

            <li>
                <a href="index.html">Get Friends</a>
            </li>

            <li>
                <a href="index.html">Post to Wall</a>
            </li>

            <li><a href="index.html">Send Message</a></li>
        </ul>

        </p>

    </div><!-- /content -->

    <div data-role="footer">
        <p>&nbsp; Select an action</p>
    </div><!-- /footer -->
</div><!-- /page -->

</body>
</html>

1 个答案:

答案 0 :(得分:3)

请尝试以下说明:

下载并保存.js文件在assets文件夹中并给出路径,你的代码给出错误becoz你的模拟器可能无法访问互联网

欢迎!