Можно ли создать кнопку ввода «нажата» в 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/