jQuery Mobile 和 iPhone

Question

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

故事

基本上，我正在尝试创建一个带有底部导航栏的移动网站，到目前为止它在桌面（chrome 和 safari）和 Android 浏览器上运行良好，但它不适用于 iPhone 浏览器，即 Safari Mobile。

插件

• JQuery Mobile 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 上。请帮忙，谢谢

Answer 1

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