jQuery Mobile-基于设备定向的固定头

jQuery Mobile-基于设备定向的固定头,jquery,mobile,Jquery,Mobile,我目前正在一个移动设备网站上工作,我使用jquery mobile 我使用以下工具将收割台固定在固定位置: <header data-role="header" data-position="fixed"> 这工作得非常好,但当在横向模式下在设备上查看页面时,页眉会占用大量空间 jquery mobile是否可以仅在纵向模式下设置data position=“fixed”,而在横向模式下设置NOT fixed头 提前谢谢 您可以绑定到orientationchange事件并调用

我目前正在一个移动设备网站上工作,我使用jquery mobile

我使用以下工具将收割台固定在固定位置:

<header data-role="header" data-position="fixed">

这工作得非常好,但当在横向模式下在设备上查看页面时,页眉会占用大量空间

jquery mobile是否可以仅在纵向模式下设置data position=“fixed”,而在横向模式下设置NOT fixed头


提前谢谢

您可以绑定到
orientationchange
事件并调用
$(“[data position='fixed']”)。fixedtoolbar('hide')

这是jQuery移动页面,讨论固定工具栏上可用的方法

这些是可用的事件,其中之一是
orientationchange


您可以尝试使用数据位置属性而不是#标题显示的实际选择器。可能需要一点调试才能使其正常工作,但没有理由不这样做。

您能详细说明一下吗?以下是我尝试过但不起作用的内容:$(文档).ready(函数(){$(“按钮”).click(函数(){$(“#标题”).fixedtoolbar('hide');});按钮起作用了,但什么也没发生谢谢!它现在工作得很好,平稳可靠,棒极了。