Question

我在Jquery Mobile Page上有以下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>

这正确呈现。但是，由于我是在Gallery视图中开始的，所以当页面加载时，我希望第一个按钮处于活动状态。

问题：
这可能是普通标记（没有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/

是否可以在Jquery Mobile中创建“单击”输入类型按钮？

1 个答案: