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

Mamの覚書Q&A検索

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


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

「 jQueryMobileのタブウィジェットの基本 」

jQueryMobileのタブウィジェットの基本について


回答

以下参照。
 
http://mam-mam.net/jqm_sample/tab.html

ソース

タブ
  <div data-role="tabs">
    <div data-role="navbar">
      <ul>
        <li><a href="#t1" class="ui-btn-active">1つ目のタブ</a></li>
        <li><a href="#t2">2つ目のタブ</a></li>
        <li><a href="#t3">3つ目のタブ</a></li>
      </ul>
    </div>
    <div id="t1" style="height:300px;border:solid 1px #000000;">
      <p>1つ目のタブを表示しています。</p>
    </div>
    <div id="t2" style="height:300px;border:solid 1px #000000;">
      <p>2つ目のタブを表示しています。</p>
      <a href="" data-rel="back">戻る</a>
    </div>
    <div id="t3" style="height:300px;border:solid 1px #000000;">
      <p>3つ目のタブを表示しています。</p>
      <a href="" data-rel="back" data-icon="back" data-role="button" data-inline="true">戻る</a>
    </div>
  </div>


Mam's WebSite