PhoneGap,jQuery Mobile页眉/页脚问题

时间:2011-11-14 05:40:00

标签: jquery iphone ios jquery-mobile cordova

使用jQuery Mobile创建了一个phonegap应用程序。在大多数情况下,一切都很好用,接受持久的页眉和页脚栏。单击或滚动时它们会消失。他们的位置也经常搞砸了。我想知道如何解决这个问题。如果有任何我可以粘贴的代码,请告诉我。

另外,我需要做什么特定的CSS吗?

我也尝试过使用:$ .fixedToolbars.setTouchToggleEnabled(false);没有成功。我应该放置一个特定的地方吗?

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:2)

您可以使用iScroll javascript插件,这将使您的页眉和页脚具有固定位置,您的内部div标签将是可滚动的。 你可以在这里找到iScroll lib- http://cubiq.org/iscroll

您还可以考虑JQTouch lib(http://jqtouch.com/),它们都准备好了一些不错的CSS。

如果你想一起使用JQTouch和iScroll,你可以在这里找到有用的代码 - https://github.com/DataZombies/jQTouch

演示 - http://web.me.com/djpinter1/iPhone/jqtouch/demos/main_tabbar/#ui

感谢,
MAYUR

答案 1 :(得分:1)

您可以将此代码放入文档中,并在单击和滚动时禁用消失

$("[data-role=header]").fixedtoolbar({ tapToggle: false });
$("[data-role=footer]").fixedtoolbar({ tapToggle: false });

祝你好运