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

最初に例の1つから始めます。Jquery mobileは、アプリケーションの構造を変更します。を含めてjquery-mobile.jsいないため、例は機能しません。

はヘッダー、データ、フッターの周りにある必要がありますが、複数の（インライン）ページを作成するには、さらに多くのページが必要です。

于 2012-06-19T09:29:23.013 に答える