我有一个用jQuery mobile提供的页面。在我的所有移动设备中,当我按下另一个链接或图像或使用javascript事件的任何其他启用javascript的元素(如onclick)时,我的布局中的标题会消失。它实际上并没有真正消失,它只是将它的位置属性改为不修复。当我向上滚动到页面顶部时,我的标题图像就在那里,它会与页面的其余部分一起滚动。然后当我点击页面上另一个启用了javascript的元素时,它会再次将标题更改为固定。
这种行为与我在页面上点击的任何元素来回反复...真的很奇怪。
其他人看过这个吗?任何人都知道如何解决它?
这是我的布局:
<div data-role="page" id="page1" data-add-back-btn="false">
<div data-theme="a" data-role="header" data-position="fixed">
<div style="text-align:left;padding-top:5px;padding-left:3px;">
<img src="/images/mylogo.png" alt="Logo" />
</div>
</div>
<div data-role="content">
@{Html.RenderAction("Items", "Feedback", new {area=""});}
@RenderBody()
</div>
</div>
TIA
答案 0 :(得分:8)
不确定这是否能解决您的问题,但我遇到了同样的问题,不管它发生在哪里以及我点击了什么。
我将data-tap-toggle="false"
添加到固定元素。
希望它适合你!
答案 1 :(得分:0)
这太棒了。帮助我修复了应用程序。奇怪的是,它发生在绑定列表选项中的类时。单击列表中的任何选项时,页眉和页脚变为可移动,然后在另一次单击时它们变为固定。
使用data-tap-toggle="false"
和header
中建议的属性footer
,它就像魅力一样。感谢。