在jQuery Mobile中更改数据图标？

Question

我在网上找到了一堆解决方案,但没有一个能为我工作.基本上,我想切换按钮的图标.这是HTML:

  <div data-role="navbar" data-iconpos="top">
    <ul>
      <li><a data-icon="arrow-u">View suggestions</a></li>
    </ul>
  </div>

我尝试了所有这些:

$(this).buttonMarkup({ icon: 'arrow-u' });

//

$(this).attr('data-icon','arrow-u');
$(this).children().children().next().removeClass('ui-icon-arrow-d').addClass('ui-icon-arrow-u');

//

$(this).jqmData('icon','arrow-u');

但是,出于某种原因,按钮的子元素在上面的任何一个运行后都会消失(jQuery Mobile <span>在按钮内添加了一堆s).

Answer 1

最好的方法是:

$('#button').buttonMarkup({ icon: "home" });