Question

我正在使用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>

enter image description here

Answer 1

我测试你的代码，它工作正常.. 通常这个问题是由于，当你把你的“页脚div”放在里面时 “内容div”。但是在你的代码中它是正确的......

尝试这些愚蠢的更正 -

替换

data-role = page，data-role = content，data-role = footer

要

data-role = “page”，data-role = “content”，data-role = “页脚”

我的意思是将它们放在双引号“”中，并关闭 HTML 标记

Jquerymobile页脚问题有时会有点上升

1 个答案: