在小屏幕显示上强制刷新 Jquery Mobile 控件组按钮

Question

我有一个带有两个按钮的 Jquery Mobile 控件组：

<div data-role="controlgroup" data-type="horizontal" class="headerMenu iconposSwitcher">
  <a href="#" data-role="button" data-icon="barcode" data-iconpos="left" class="EANView">EAN</a>
  <a href="#" data-role="button" data-icon="style" data-iconpos="left" class="styleView">Style</a>
</div>

在较大的屏幕（PC、iPad）上，我希望文本显示 ~ data-iconpos="left"。 在较小的屏幕（手机、智能手机）上，空间很小，所以我不想显示文本〜 data-iconpos="notext"

我可以在选择菜单上使用“刷新”功能。是否有类似的方法来刷新控件组或按钮元素？

我尝试了这样的操作，更改了 iconpos，但不重建按钮。

    if ($('body').width() < 275)
      {
      $(".iconposSwitcher a").attr('data-iconpos','notext');
      $('.headerMenu').controlgroup('refresh', true);
      }

感谢您的提示和； Rgs

编辑：

这有效：

$(".iconposSwitcher a").removeClass('ui-btn-icon-left').addClass('ui-btn-icon-notext'); 

比想象的更容易...

编辑：

对于 div 元素（带有 input 的控制组）：

$(".iconposSwitcher-div a").attr('data-iconpos','notext').removeClass('ui-btn-icon-left ui-btn-icon-right').addClass('ui-btn-icon-notext');                                                                                                 

Answer 1

也许为时已晚，但对于那些带着同样问题来到这里的人来说：
您可以在任何元素上使用 .trigger('create') 来触发“Create”事件，从而对元素执行 JQM 魔法。

Answer 2

我是这样解决的：

$button = [YOUR CONTROLGROUP DIV]

$button.find('a').button();

$button.controlgroup();

Answer 3

对于按钮，使用 buttonMarkup() 方法而不是 controlgroup()

一般来说，我更喜欢使用 page() 方法，请参阅这篇文章

Jquery Mobile：多次更新表单

Answer 4

对我有用的是调用 controlgroup() 两次；一次初始化，然后刷新，例如：

// refresh group
$('#checkboxes').controlgroup().controlgroup('refresh');