0

我为 iOS 开发了一个 phoneGap 应用程序，它可以工作。现在我试图在 JqueryMobile 上切换它以改善图形。这是 index.html 页面的代码。我必须进行哪些更改才能使其与 JQueryMobile 一起使用？

我尝试使用 jQueryMobile 的 css 样式和库并修改页眉和页脚，但我不明白我必须<div data-role="page">在文件中放置的位置。我也不知道我是否必须id=header离开class=header。

<head>
    <title>x Directory</title>
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>        
    <script type="text/javascript" charset="utf-8" src="js/cordova-1.7.0.js"></script>        
    <script type="text/javascript" charset="utf-8" src="ChildBrowser.js"></script>
    <script type="text/javascript" charset="utf-8" src="cordova-WebInspector.js"></script>

</head>

<body>
<div id="header" class="header">
    <a href="index.html" class="nav" id="nav" style="display:none;">Home</a>
    <img src="img/mob.png" class="logo" id="logo"/>
    <h1>xAsk</h1>       
</div>

<div id="wrapper">

    <ul id="xList" class="icon-list"></ul>

</div>

<div id="wrapper_hidden">
    <div>
        <div id="employeeDetails">
            <img id="xPic"/>
            <h3 id="xName"></h3>
            <p id="xEmail"></p>
            <p id="city"></p>
        </div> 

        <ul id="actionList"></ul>
    </div>
</div>

<div id="footer" class="footer">
    <ul id="azioni">
    </ul>       
</div>
<script src="js/jquery.js"></script>
<script src="js/iscroll.js"></script>
<script src="js/xlist.js"></script>

</body>
4

1 回答 1

0

首先从其中一个示例开始。Jquery mobile 改变了您的应用程序的结构方式。你不包括jquery-mobile.js，所以你的例子不起作用。

应该在您的页眉、数据和页脚周围，但为了拥有多个（内联）页面，您需要更多。

于 2012-06-19T09:29:23.013 回答