jQuery Mobile 1.2數據圖標「編輯」不起作用

<a href="#" data-role="button" data-icon="edit">hello</a>

此按鈕只顯示加號圖標而不是編輯圖標，任何人都知道爲什麼？我正在使用jQuery手機，這是我的標題：jQuery Mobile 1.2數據圖標「編輯」不起作用

name="viewport" content="width=device-width, initial-scale=1"/> 
<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>

來源

2013-01-17 Andrew Ames

嘗試數據角色=「按鈕」作爲一個屬性，他們有它的文檔。 – Jimbo

對不起，我有錯誤的按鈕代碼，現在修改，這有相同的問題，顯示加圖標 –

你可以在這裏看到它：http://www.bbwebmessenger.com/mobile1582/ –

看起來像他們的CSS有問題，因爲我剛剛在本地嘗試過。這裏有一個修復：

<style type="text/css"> 
    .ui-icon-edit { 
     background-image: url(icons-18-white.png); 
     background-repeat: no-repeat; 
     background-position: -824px 50%; 
    } 
</style>

會修正自己的樣式表添加這個或把這個在你的<head></head>你的CSS其餘下方。此外，您還需要從here中抓取自己的圖標-18-white.png並將其保存到本地。

要獲得編輯按鈕的工作：

首先，download icons-18-white.png，並將其保存在同一文件夾作爲您的網頁。

然後，只需複製並粘貼此代碼並從那裏繼續。

<html> 
<head> 
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
    <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/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> 

<style type="text/css"> 
    .ui-icon-edit { 
     background-image: url(icons-18-white.png); 
     background-repeat: no-repeat; 
     background-position: -824px 50%; 
    } 
</style> 
</head> 
<body> 
    <a href="#" data-role="button" data-icon="edit">hello</a> 
</body> 
</html>

來源

2013-01-17 12:13:59 Jimbo

即時通訊不知道如果我做了這個權利，但我增加了這種風格的頭，現在我得到一個灰色的圓圈：http://www.bbwebmessenger.com/mobile1582/ –

您還需要下載icons-18-white.png並將其放置在本地（因爲上面的CSS中的background-image使用了這個）。 – Jimbo

優秀的工作現在歡呼！ –