在JQuery Mobile中重绘选择菜单

Question

我正在尝试通过动态将data-mini属性从true更改为false来使JQuery Mobile选择菜单按钮更大。我可以更改属性，但选择菜单不会重绘。

使用.buttonMarkup({mini: false})（立即重绘按钮）可以使用按钮，但据我所知，没有等效的选择菜单。

我已尝试.selectmenu("refresh")和.change() - 不会重新绘制选择菜单按钮。

以下是问题的说明：http://jsfiddle.net/YYXuZ/

有没有人有解决方案？

Answer 1

嘿这对我有用 -

$('#testselectmenu').parent('div').addClass('ui-fullsize');

jsFiddle Demo

我注意到这种方法不需要$('#testselectmenu').selectmenu('refresh');。

/更新

为了安全起见，我会这样做（在删除data-mini属性和ui-mini类时它做同样的事情） -

$('#testselectmenu').parent('div').attr('data-mini', 'false').removeClass('ui-mini').addClass('ui-fullsize');

我认为jQM应该在你调用.selectmenu('refresh')时自动处理这个问题，我不知道为什么不这样做。