2

我需要这里专家的帮助:)

故事

基本上我正在尝试创建一个带有底部导航栏的移动网站，到目前为止它在桌面（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

尝试使用 iPhone 的“用户代理”在桌面 safari 中检查您的 HTML 代码，它的行为类似于移动 safari，然后使用检查元素来跟踪确切的问题。

于 2012-10-15T05:40:08.583 回答