如何预先选择一个jquery移动输入按钮？答案

【问题标题】：How to pre-select a jquery mobile input button?如何预先选择一个jquery移动输入按钮？
【发布时间】：2012-01-27 10:51:56
【问题描述】：

我已经使用这样的输入按钮完成了一个 jquery-mobile 控制组：

<div data-role="controlgroup" data-type="horizontal" class="panelSwitcher">
   <input type="button" data-iconpos="notext" data-icon="gallery" value="Gallerie" class="viewGrid" />
   <input type="button" data-iconpos="notext" data-icon="panels" value="Panels" class="viewPanel" />
   <input type="button" data-iconpos="notext" data-icon="detail"  value="Detail" class="viewDetail"  />
</div>

我正在使用它来切换视图（添加/删除单个类，其余 CSS），所以我真的不想使用链接标签（空 href/alt）和事件绑定来执行此操作。单选按钮形式也太复杂了，而且你不能只做图标单选。

所以输入type=button。

问题：
我在gridview中加载我的页面，所以我想预先选择gridview按钮。我知道我可以 jQuery addClass('ui-btn-active') 到父 .ui-btn 元素，但我想知道是否也有仅标记的解决方案？

【问题讨论】：

标签： jquery button jquery-mobile

【解决方案1】：

我知道这是前段时间回答的，但我认为正确的答案是在包含按钮的 div 上设置添加“ui-btn-active”类。

【讨论】：

谢谢你，但我正在使用单选按钮，当将活动类添加到标签时，它会在第一次调用时突出显示，但如果我选择另一个选项，它仍然存在。有什么想法吗？

【解决方案2】：

我试图通过为所选按钮提供 data-theme="b" 来找到解决方案。 data-theme="b" 非常类似于活动状态。这里有一个演示 - http://jsfiddle.net/hz9Q3/

如果有帮助，请告诉我。

【讨论】：