0

私はjqueryモバイルアプリを使用してphonegapアプリケーションを作成しています.私の問題を理解するためにスナップを添付しています.フッターについては修正されておらず、時々ほとんど表示されません.

<html>
<head>
    <link rel="stylesheet" href="css/styles.css" />
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.css" />
    <script src="js/jquery.js"></script>
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.js"></script>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <title>Hello World</title>
    <script type="text/javascript" charset="utf-8">
        function logIn()
        {
            alert("sfdsf");
        }
        </script>
</head>
<body>
        <div data-role=page id=home>
        <div data-role=header>
        <h1>Home</h1>
        </div>
        <div data-role=content>
        <span> Name </span>
        <input type=text value=Sarrion style="width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing: border-box;">
        <br>
        <span>Password</span>
        <input type=password class="miniinputheight">
        <span> Choose an apartment type : </span>
        <select data-native-menu=false>
        <option>  bedroom </option>
        <option value=2> 1 bedrooms </option>
        <option value=3> 2 bedrooms </option>
        <option value=4> 3 bedrooms </option>
        <option value=5> 4 bedrooms </option>
        </select>
        <br>
            <form>

        <input type=button value="New Page" onclick="window.location.href='index1.html'">
            </form>

        </div>
        <div data-role=footer data-position="fixed">
        <h1 >Thanks</h1>
        </div>
</div>
</body>

ここに画像の説明を入力

ここに画像の説明を入力

4

1 に答える 1

1

コードをテストしましたが、正常に動作します。通常、この問題は、「フッター div」を「コンテンツ div」内に配置すると発生します。しかし、あなたのコードでは正しいです...

これらのばかげた修正を試してください-

交換

データの役割=ページ、データの役割=コンテンツ、データの役割=フッター

に

data-role= 「ページ」、data-role= 「コンテンツ」、data-role= 「フッター」

つまり、それらを二重引用符 "" で囲み、 HTMLタグも閉じます

于 2013-09-19T12:12:44.357 に答える