jquery mobile复选框显示问题

请帮我解决这个问题。我是CSS和jQuery Mobile的新手，我遇到了这个问题。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文件的最新文件并进行了检查。

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

因为我是新的，我无法给出一个图像，对不起......

感谢所有。

来源

2012-09-27 user1703858

您确定您对本地CSS文件的引用是正确的吗？ – Marcus

你还下载了图像文件夹吗？除此之外，您粘贴的代码格式不正确，使得阅读非常困难，所以我建议您编辑您的问题并修复它。 – Jack

我对您的代码进行了格式化（手动x ___ x ...）请下一次，请确保您正确格式化您的代码... – Littm

为field添加复选框为我解决了同样的问题。

<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-24 11:17:21 Jonas

jquery mobile复选框显示问题

回答

相关问题