当另一个javascript动作被击中时,jQuery移动标题消失(变得不固定)

时间:2012-12-17 22:44:10

标签: javascript jquery-mobile

我有一个用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

2 个答案:

答案 0 :(得分:8)

不确定这是否能解决您的问题,但我遇到了同样的问题,不管它发生在哪里以及我点击了什么。

我将data-tap-toggle="false"添加到固定元素。

希望它适合你!

答案 1 :(得分:0)

这太棒了。帮助我修复了应用程序。奇怪的是,它发生在绑定列表选项中的类时。单击列表中的任何选项时,页眉和页脚变为可移动,然后在另一次单击时它们变为固定。

使用data-tap-toggle="false"header中建议的属性footer,它就像魅力一样。感谢。