在jquery mobile中更改圖標的功能

Question

我有一個在jquery mobile中調用的函數，用於更改按鈕上的文本，但是我也想更改圖標。改變文本的功能已經在一個點擊功能中，文本改變很好，但是我也想改變圖標。我使用的代碼如下。

function setPauseState(paused) { 
if (paused) 
{ 
    $("#playSong .ui-btn-text").text("Play"); 


} 
else 
{ 
    $("#playSong .ui-btn-text").text("Pause"); 

} 
} 

Answer 1

這裏是一個鏈接一篇文章概括了你想要做什麼 http://jsimapps.wordpress.com/2011/10/26/jquery-mobile-programatically-changing-and-refreshing-button-icons/

$("#playSong .ui-btn-text").data('icon', 'check'); 

圖標列表

• 左箭頭 - 「UI圖標箭頭-L」
• 右箭頭 - 「UI圖標箭頭-R」
• 向上箭頭 - 「 UI圖標箭頭-U」
• 向下箭頭 - ‘UI圖標箭頭-d’
• 刪除 - ‘UI圖標，刪除’
• PLU秒 - 「UI圖標加」
• 減號 - 「UI圖標減」
• 檢查 - 「UI圖標，勾選」
• 裝備 - 「UI圖標齒輪」
• 刷新 - 「數據iconrefresh」
• 前進 - 「UI圖標轉發」
• 後退 - 「UI圖標回」
• 網 - 「UI圖標網格」
• 星 - 「UI圖標星「
• 警報 - 「UI圖標警報」
• 信息 - 「UI圖標，信息」
• 首頁 - 「UI圖標家」
• 搜索 - 「UI圖標搜索」

Answer 2

你應該使用預定義的jQuery Mobile的功能，一切只是不必要的編碼：

$("a").buttonMarkup({ icon: "star" }); 

工作例如：http://jsfiddle.net/Gajotres/4fqaK/

正式文件：http://api.jquerymobile.com/button/#option-icon