javascript - 当另一个 javascript Action 被击中时，jQuery 移动 header 消失(变得不固定)

Question

我有一个由 jQuery Mobile 提供的页面。在我所有的移动设备中，当我按下另一个链接或图像或任何其他使用 javascript 事件(如 onclick)的启用 javascript 的元素时，我布局中的标题就会消失。它实际上并没有真正消失，它只是将它的位置属性更改为不固定。当我向上滚动到我的页面顶部时，我的标题图像就在那里，并且它与页面的其余部分一起滚动。然后，当我单击页面上另一个启用 javascript 的元素时，它会将 header 再次更改回固定状态。

这种行为会随着我在页面上单击的任何元素来回出现……真的很奇怪。

还有人看过吗？有人知道怎么解决吗？

这是我的布局:

<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

Answer 1

不确定这是否能解决您的问题，但我遇到了同样的问题，只是无论我点击了哪里和点击了什么，它都会发生。

我在固定元素中添加了 data-tap-toggle="false"。

希望对你有用!