更改按钮jQuery Mobile的图标

Question

我正在尝试将按钮的图标更改为另一个按钮，但无效。

我有：

<a id="login" href="login.html" data-role="button" data-icon="user" data-iconpos="top">Login</a>

我做了：

$('#login').data('icon', 'user_highlight');
$('#login').button("refresh");

但它没有用。我怎么解决？

Answer 1

见answer。基本上你使用buttonMarkup。

 $('#login').buttonMarkup({ icon: "star" });

参见工作示例fiddle

Answer 2

buttonMarkup方法对我不起作用，但手动方法确实有效：

$('#login').removeClass('ui-icon-foo').addClass('ui-icon-bar').trigger('refresh');

Answer 3

尝试放置代码以更改pageshow event

中的图标

    $('#page2').bind('pageshow', function () {
        $('#login').data('icon', 'user_highlight');
        try {
            $('#login').button("refresh");
        } catch (e) {
            $('#login').button();
        }
    });