jQuery Mobile Listview无法正确显示

时间:2014-12-30 13:55:14

标签: jquery listview jquery-mobile

我使用JQM创建一个简单的页面。我的代码:

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Page</title>
    <link rel="stylesheet" href="css/jquery.mobile-1.4.5.css">
    <script src="js/jquery-2.1.3.min.js"></script>
    <script src="js/jquery.mobile-1.4.5.js"></script>
</head>

<body>

<div data-role="page">

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

    <div role="main" class="ui-content">
        <ul data-role="listview">
            <li>Acura</li>
            <li>Audi</li>
            <li>BMW</li>
            <li>Cadillac</li>
            <li>Ferrari</li>
        </ul>
    </div><!-- /content -->

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

</body>
</html>

当我预览它时,listview看起来与JQM docs网站内部的内容不同。

enter image description here

我有任何错误吗?

0 个答案:

没有答案