jquerymobile 更改选择菜单中的图标

Question

希望这真的很简单明了。我无法 select JQM 中的 select 菜单。请查看底部的 jsfiddle。

我只想将图标从向下箭头动态更改为星标。尽管使用 id，我似乎甚至无法 'select' select 菜单。只是糟糕地使用了 class。我已经尝试过很多东西了，有人能告诉我如何正确地做吗？

我原以为这会奏效。但我已经尝试过这个和更多但没有运气。

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

Answer 1

你必须在创建页面之前调用它，这里是一个JsFiddle 与 pagebeforecreate。

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

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

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

Answer 2

widget初始化后如果想改变图标，可以调用selectmenu("destroy")然后重新初始化：

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

DEMO

在演示中点击按钮可以看到图标变为星形并向左移动。

jquerymobile to change icon in selectmenu