Можно ли создать кнопку типа «нажал» в Jquery Mobile?

Question

У меня есть следующий HTML-код на странице Jquery Mobile:

<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>

Это делает правильно. Однако, поскольку я начинаю в представлении «Галерея», мне бы хотелось, чтобы первая кнопка имела активное состояние при загрузке страницы.

Вопрос:
Это возможно в простой разметке (без 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/