修复了jquery mobile的工具栏问题 [英] fixed toolbar issue with jquery mobile

问题描述

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

你能帮我吗?

解决方案

我在此帖子上找到了解决方案. /p>

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

I'm working on a PHP interface that will be used in a restaurant inside tablets for taking orders. I'm using jQuery Mobile. To minimize loading times I've created a single page with all the UI and the content part of the page is blank, just the div. When I click on a link I use Ajax to load in the empty content div the pages. I've a fixed header and a fixed footer. The problem is that when I touch or click in a blank area of the loaded pages, header and footer move and go away, header on the top and footer on the bottom of the entire loaded page, and if I click again they return in the right place. This is not happening when I click or touch on a href link inside the content page.

Can you help me?

解决方案

I found a solution on this post.

Just add data-tap-toggle="false" to the fixed element.

这篇关于修复了jquery mobile的工具栏问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！