javascript - 是否可以在 Jquery Mobile 中创建 "clicked"输入类型按钮？

Question

我在 Jquery 移动页面上有以下 HTML:

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

这会正确呈现。但是，由于我是从画廊 View 开始的，所以我希望第一个按钮在页面加载时处于事件状态。

问题:
这在普通标记中是否可能(无 Jquery/Javascript)。我尝试了一些方法，例如 selected="selected" 和添加 ui-btn-active，但它们似乎都不起作用。

谢谢指点!

Answer 1

如果您使用链接制作按钮，那么您可以将 .ui-btn-active 类添加到链接中，使其默认处于事件状态:

    <div data-role="controlgroup" data-type="horizontal" class="panelSwitcher">
        <a class="viewGrid ui-btn-active" data-role="button" data-theme="a" data-icon="gallery" data-iconpos="notext">Gallery</a>
        <a class="viewPanel" data-role="button" data-theme="a" data-icon="panels" data-iconpos="notext">Panels</a>
        <a class="viewDetail" data-role="button" data-theme="a" data-icon="detail" data-iconpos="notext">Detail</a>
    </div>

这是一个演示:http://jsfiddle.net/hJsJc/