Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquerymobile和iPhone_Jquery_Jquery Mobile - Fatal编程技术网

jquerymobile和iPhone

jquerymobile和iPhone,jquery,jquery-mobile,Jquery,Jquery Mobile,我需要这里的专家的帮助:) 故事 基本上,我正在尝试创建一个带有底部导航条的移动网站,到目前为止,它在桌面(chrome和safari)和Android浏览器上运行良好,但在iPhone浏览器safari mobile上不起作用 插件 JQuery Mobile 1.2 用于JQuery Mobile的Watusi iScroll插件 JQuery 1.8.2 代码 进入 内容… 问题 页脚在Safari Mobile上根本不显示。请提供帮助,谢谢。尝试使用iPhone的“用户

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

故事 基本上,我正在尝试创建一个带有底部导航条的移动网站,到目前为止,它在桌面(chrome和safari)和Android浏览器上运行良好,但在iPhone浏览器safari mobile上不起作用

插件
  • JQuery Mobile 1.2
  • 用于JQuery Mobile的Watusi iScroll插件
  • JQuery 1.8.2
代码

进入
内容…

问题

页脚在Safari Mobile上根本不显示。请提供帮助,谢谢。

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

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

感谢您的回复,没有错误,但是我注意到有两个滚动条,一个是默认滚动条,另一个是iScroll。当iScroll处于打开状态时,默认滚动条似乎不可滚动。因此,它有点隐藏了页脚现在我知道更多,但我仍然不知道如何修复它。感谢您的帮助。谢谢:)为什么要将iScroll与jquery mobile一起使用,你也可以用html css来做同样的事情?因为iScroll提供了更多的本地感觉,我不知道如何用html和css编写自己的。感谢回复,没有错误,但是我注意到有两个滚动条,一个是默认滚动条,另一个是iScroll。当iScroll处于打开状态时,默认滚动条似乎不可滚动。因此,它有点隐藏了页脚现在我知道更多,但我仍然不知道如何修复它。感谢您的帮助。谢谢:)为什么要将iScroll与jquery mobile一起使用,你也可以用html css来做同样的事情?因为iScroll提供了更多的本地感觉,而且我不知道如何用html和css编写自己的。
<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 -->