-1

我有一个在 jquery mobile 中调用的函数，它可以更改按钮上的文本，但是我也想更改图标。更改文本的功能已经在单击功能中，并且文本更改得很好，但是我也想更改图标。我使用的代码如下。

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


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

}
}
4

2 回答 2

2

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

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

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

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

于 2013-05-31T14:22:56.117 回答
-1

这是一篇文章的链接，该链接准确地概述了您想要做什么 http://jsimapps.wordpress.com/2011/10/26/jquery-mobile-programatically-changed-and-refreshing-button-icons/

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

图标列表是

  • 左箭头 - “ui-icon-arrow-l”
  • 右箭头 - “ui-icon-arrow-r”
  • 向上箭头 - “ui-icon-arrow-u”</li>
  • 向下箭头 - “ui-icon-arrow-d”</li>
  • 删除——“ui-icon-delete”</li>
  • 加号——“ui-icon-plus”</li>
  • 减号 – “ui-icon-minus”</li>
  • 检查 - “ui-icon-check”</li>
  • 齿轮——“ui-icon-gear”</li>
  • 刷新——“data-iconrefresh”</li>
  • 转发 - “ui-icon-forward”</li>
  • 返回 - “ui-icon-back”</li>
  • 网格 – “ui-icon-grid”</li>
  • 星 - “ui-icon-star”
  • 警报 – “ui-icon-alert”</li>
  • 信息 - “ui-icon-info”
  • 主页 – “ui-icon-home”</li>
  • 搜索 - “ui-icon-search”</li>
于 2013-05-31T14:23:33.523 回答