在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

你应该使用预定义的jQuery Mobile功能，其他一切都只是不必要的编码：

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

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

官方文件：http://api.jquerymobile.com/button/#option-icon

Answer 2

以下是一篇文章的链接，其中概述了您想要做的事情 http://jsimapps.wordpress.com/2011/10/26/jquery-mobile-programatically-changing-and-refreshing-button-icons/

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

图标列表是

• 左箭头 - “ui-icon-arrow-l”
• 右箭头 - “ui-icon-arrow-r”
• 向上箭头 - “ui-icon-arrow-u”
• 向下箭头 - “ui-icon-arrow-d”
• 删除 - “ui-icon-delete”
• 加号 - “ui-icon-plus”
• 减号 - “ui-icon-minus”
• 检查 - “ui-icon-check”
• Gear - “ui-icon-gear”
• 刷新 - “data-iconrefresh”
• 前进 - “ui-icon-forward”
• 返回 - “ui-icon-back”
• 网格 - “ui-icon-grid”
• 明星 - “ui-icon-star”
• 提醒 - “ui-icon-alert”
• 信息 - “ui-icon-info”
• 主页 - “ui-icon-home”
• 搜索 - “ui-icon-search”