Mam's WebSite
建築CGパース住宅CGパース

Mamの覚書Q&A検索

トップページMamの覚書Q&A検索WEB(jQueryMobile)⇒Q&A


大項目:「 WEB 」 - 中項目:「 jQueryMobile 」

「 jQueryMobileのボタンの基本 」

jQueryMobileのボタンの基本について


回答

以下参照。
 
参考URL
http://mam-mam.net/jqm_sample/button.html

ソース

標準ボタン
  <a href="" data-role="button" data-icon="bars">標準ボタン</a>
 
標準ボタン(aタグをボタン表示)
  <a href="" data-role="button" data-icon="edit" data-mini="true">小さい標準ボタン</a>
 
インラインボタン(横幅一杯にならない)
  <a href="" data-role="button" data-inline="true" data-icon="bars">インラインボタン</a>
  <a href="" data-role="button" data-inline="true" data-icon="edit" data-mini="true">小さいインラインボタン</a>
 
グループボタン
  <div data-role="controlgroup">
    <a href="" data-role="button" data-icon="arrow-l" class="ui-btn-active">1個目(アクティブ)</a>
    <a href="" data-role="button" data-icon="arrow-d">2個目</a>
    <a href="" data-role="button" data-icon="arrow-r">3個目</a>
  </div>
 
グループ水平ボタン
  <div data-role="controlgroup" data-type="horizontal">
    <a href="" data-role="button" data-icon="bars">bars</a>
    <a href="" data-role="button" data-icon="edit">edit</a>
    <a href="" data-role="button" data-icon="arrow-l" data-iconpos="left">arrow-l</a>
    <a href="" data-role="button" data-icon="arrow-r" data-iconpos="right">arrow-r</a>
    <a href="" data-role="button" data-icon="arrow-u" data-iconpos="top">arrow-u</a>
    <a href="" data-role="button" data-icon="arrow-d" data-iconpos="bottom">arrow-d</a>
  </div>


Mam's WebSite