1

请帮助我。我是 CSS 和 jQuery Mobile 的新手，我遇到了这个问题。

我页面中的复选框不显示该框；只有标签。当我单击标签时，左侧会出现一个正方形。

现在，只有当我将 CSS 文件下载到本地文件并引用它时，才会出现问题。如果我直接从服务器引用 CSS 文件，则该框会出现在文本之前并且可以正常工作。以下是示例来源：

有错误的来源：

<!DOCTYPE HTML> 
<html>
    <head>
        <title>Mobile App Login</title> 
        <meta name=viewport content="user-scalable=no,width=device-width">
        <link rel="stylesheet" href="../jQuery/jquery.mobile.css">
        <script src="../jQuery/jquery.js"></script>
        <script src="../jQuery/jquery.mobile.js"></script>
    </head>
    <body>
        <div data-role=page id=home>

            <div data-role=header>
                <h1>Login Screen</h1> 
            </div>

            <div data-role=content>
                <label>
                    <input type="checkbox" name="checkbox-0" /> 
                    I agree 
                </label>
                <input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" />
                <label for="checkbox-1">I agree</label>
            </div>
        </div>
    </body>
</html>

没有错误的来源：

<!DOCTYPE HTML>
<html>
    <head>
        <title>Mobile App Login</title>
        <meta name=viewport content="user-scalable=no,width=device-width" />
        <link rel="stylesheet"  href="http://jquerymobile.com/test/css/themes/default/jquery.mobile.css" />
        <script src="../jQuery/jquery.js"></script>     
        <script src="../jQuery/jquery.mobile.js"></script>
    </head>
    <body>
        <div data-role=page id=home>

            <div data-role=header>
                <h1>Login Screen</h1>
            </div>

            <div data-role=content>
                <label>
                    <input type="checkbox" name="checkbox-0" /> 
                    I agree 
                </label>
                <input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" />
                <label for="checkbox-1">I agree</label>
            </div>
        </div>
    </body>
</html>

其他一切正常；只是盒子的显示导致了我的问题。我获取了 CSS 和 JS 文件的最新文件并进行了检查。

没有盒子，用户可能会认为它只是一个标签

由于我是新人，无法提供图片，对不起...

谢谢大家。

4

1 回答 1

1

为我在字段集中添加复选框解决了同样的问题。

<fieldset data-role="controlgroup">
  <input type="checkbox" name="checkbox-2" id="checkbox-2" class="custom" />
  <label for="checkbox-2">I agree</label>
</fieldset>
于 2013-02-24T11:17:21.747 回答