jquerymobile在selectmenu中更改图标

Question

希望这非常简单明了。我无法在JQM中选择选择菜单。请看底部的jsfiddle。

我只是想将图标从downarrow动态更改为star。我似乎无法选择＆＃39; selectmenu尽管使用了id。只是严重使用一个类。我已经留下了一些我尝试过的东西，有人可以告诉你如何正确地做到这一点。

我期待这个工作。但是我已经尝试了这个以及更多但没有运气。

$('#foo').selectmenu({ icon: "star" });

JSFiddle

http://api.jquerymobile.com/selectmenu/#option-iconpos

Answer 1

• 您必须在创建页面之前调用它，这里是带有pagebeforecreate的JsFiddle。

  $(document).on( "pagebeforecreate", "#page", function( event ){
      $('select').selectmenu({ icon: "star", iconpos: "left" });
  });`
  

• 创建页面后，您可以在select的父级而不是select本身上使用removeClass和addClass：JsFiddle

你绝对需要动态吗？ 否则你可以使用数据属性：

data-icon="star" data-iconpos="left"

Answer 2

如果要在窗口小部件初始化后更改图标，可以调用selectmenu（＆＃34; destroy＆＃34;）然后重新初始化：

$('#foo').selectmenu("destroy").selectmenu({
    icon: "star",
    iconpos: "left"
});

  

<强> DEMO

在演示中，单击按钮以查看图标更改为星形并向左移动。