2

ここで専門家の助けが必要です:)

物語

基本的に、下部のナビゲーション バーを使用してモバイル Web サイトを作成しようとしています。これまでのところ、デスクトップ (chrome と safari) と Android ブラウザーでは正常に動作しますが、Safari Mobile である iPhone ブラウザーでは動作しません。

プラグイン

  • JQuery モバイル 1.2
  • JQuery Mobile 用 Watusi iScroll プラグイン
  • JQuery 1.8.2

コード

<div data-role="page" id="one">
    <div data-role="header">
        <h1>Entry</h1>
    </div><!-- /header -->
    <div data-role="content" data-iscroll class="wrapper">                      
        <p>the content ...</p>  
    </div><!-- /content -->
    <div data-role="footer" data-position="fixed" data-tap-toggle="false">
        <div data-role="navbar">
            <ul>
                <li><a href="#one" data-icon="custom">One</a></li>
                <li><a href="#two" data-icon="custom">Two</a></li>
                <li><a href="#three" data-icon="custom">Three</a></li>
            </ul>
        </div><!-- /navbar -->                             
    </div>                                      
</div><!-- /page one -->

問題

フッターは Safari Mobile では表示されません。助けてください、ありがとう

4

1 に答える 1

0

「user-agent」を使用して iPhone のデスクトップ サファリで HTML コードをチェックしてみてください。モバイル サファリのように動作し、inspect 要素を使用して正確な問題を追跡します。

于 2012-10-15T05:40:08.583 に答える