jquery mobile不實現樣式

我已經創建了一個簡單的移動網頁，我不是沒有爲什麼，但我創建的按鈕沒有像這個link這樣的程式化。下面是代碼：jquery mobile不實現樣式

<!DOCTYPE HTML> 
<html> 
<head> 
    <meta name="viewport" content = "width=device-width , user-scalable=no"> 
    <meta http-equiv="Content-type" content="text/html; charset=utf-8"> 

    <link type="text/css" href="jquery.mobile/jquery.mobile-1.1.0.css"/> 
    <link type="text/css" href="themes/theme.min.css"/> 
    <link type="text/css" href="CSS/main.css"/> 

    <script type="text/javascript" src="cordova/cordova-2.2.0.js"></script> 
    <script type="text/javascript" src="jquery/jquery-1.8.3.js"></script> 
    <script type="text/javascript" src="jquery.mobile/jquery.mobile-1.1.0.js"></script> 

    <title>page</title> 
</head> 

<body> 
    <div data-role="page"> 
     <div data-role="content"> 
      <a href="index.html" data-role="button" data-icon="delete">Delete</a> 
     </div> 
    </div> 
</body> 

</html>

我哪裏錯了？在此先感謝！

來源

2012-11-17 vlio20

確保你的本地庫可以和路徑是正確的...
see working example有最新的庫

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>Test</title> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> 
</head> 

<body> 
    <div data-role="page"> 
     <div data-role="content"> 
      <a href="index.html" data-role="button" data-icon="delete">Delete</a> 
     </div> 
    </div> 
</body> 
</html>

來源

2012-11-17 22:09:52 Taifun

我認爲，問題是你的樣式表的鏈接。您需要包含rel="stylesheet"而不是設置type。

E.g.

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css"/>

來源

2012-11-17 22:11:18

jquery mobile不實現樣式

回答

相關問題