2012-10-29 40 views
3

我正在一个PHP接口,将用于在平板电脑内的餐厅接受订单。我正在使用jQuery Mobile。为了最大限度地减少加载时间,我创建了一个包含所有UI的单页面,并且页面的内容部分是空白的,只是div。当我点击链接时,我使用Ajax在页面的空白内容div中加载。我有一个固定的标题和一个固定的页脚。问题是,当我触摸或点击加载页面的空白区域时,页眉和页脚移动并消失,页眉和页脚位于整个加载页面的底部,如果再次单击它们,则返回正确的位置。当我点击或触摸内容页面中的href链接时,不会发生这种情况。固定的工具栏问题与jQuery的移动

你能帮我吗?

+0

我有同样的问题。它可以在官方[JQM演示页面](http://jquerymobile.com/test/docs/toolbars/footer-persist-a.html)上进行复制......将自己置于页面中间并点击/触摸屏幕。固定的页眉和页脚将消失。它可能会被报告错误。我还没有检查过。 任何解决方法将不胜感激! – Maxbester

回答

2

我在this post上找到了解决方案。

只需将data-tap-toggle="false"添加到固定元素即可。

+1

谢谢,很棒的发现! –

+0

美丽,非常感谢。为什么没有记录?!? –

+0

[It is now](http://api.jquerymobile.com/fixedtoolbar/#option-tapToggle)。 – Maxbester