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複選框顯示問題

回答

相關問題