html - 在 JQuery Mobile 中重绘选择菜单

Question

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

它通过使用.buttonMarkup({mini: false})（立即重绘按钮）与按钮一起使用，但据我所知，选择菜单没有等效项。

我已经尝试过.selectmenu("refresh")并且.change()- 都没有重绘选择菜单按钮。

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

有没有人有办法解决吗？

Answer 1

嘿，这对我有用-

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

jsFiddle 演示

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

/更新

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

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

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