1

デスクトップ用の Bootstrap とモバイル デバイス用の jQuery Mobile を使用するサイトに取り組んでいます。Bootstrap のタブと jQuery Mobile のページの HTML 構造に問題があります。基本的に、Bootstrap の HTML を使用すると、jQuery Mobile ページがネストされてしまいます (以下を参照)。jQuery Mobiledata-role="page"タグがネストされていると、機能しないようです。何か案は？

<div class="tabbable" data-role="page"> <!-- Only required for left/right tabs -->
    <ul class="nav nav-tabs">
        <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li>
        <li><a href="#tab2" data-toggle="tab">Section 2</a></li>
    </ul>
    <div class="tab-content">
         <div class="tab-pane active" id="tab1" data-role="page">
             <p>I'm in Section 1.</p>
    </div>
    <div class="tab-pane" id="tab2" data-role="page">
        <p>Howdy, I'm in Section 2.</p>
    </div>
</div>
4

1 に答える 1

0

この問題を解決するために使用したソリューションは、 subpage という jquery モバイル プラグインでした。

ネストされたページをサブページに変更したところ、機能しました。

于 2012-10-25T14:59:43.700 に答える