jquery-mobile - ボタン 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

この回答を参照してください。基本的には、buttonMarkup を使用します。

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

実際のフィドルの例を参照してください

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();
        }
    });