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

【问题标题】：Force a refresh on a Jquery Mobile controlgroup button on small screen display在小屏幕显示上强制刷新 Jquery Mobile 控件组按钮
【发布时间】：2011-09-12 07:40:17
【问题描述】：

我有一个带有两个按钮的 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');

【问题讨论】：

我总是回到我的问题...

标签： button refresh jquery-mobile

【解决方案1】：

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

总的来说，我更喜欢page()方法的用法，看这篇文章

Jquery Mobile: updating a form more than once

【讨论】：

这不起作用... $(".iconposSwitcher a").attr('data-iconpos','notext').page();不过我更喜欢 page()。

【解决方案2】：

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

【讨论】：

你试过了吗？控制组非常棘手。见here

【解决方案3】：

我是这样解决的：

$button = [YOUR CONTROLGROUP DIV]

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

$button.controlgroup();

【讨论】：

【解决方案4】：

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

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

【讨论】：