我的jQuery Mobile布局中有一个标题项...
<div data-role="header" data-theme="b" class="textHeader">
<h3>My Text</h3>
</div>
...未设置为data-position = fixed。它设置为在用户向下滚动时显示并滚动屏幕。
但是,当手机/设备的方向更改为横向时,我希望它固定。所以我测试方向并尝试更改属性:
$(window).resize(function() { resizeCanvas() });
function resizeCanvas() {
if(window.innerHeight > window.innerWidth) //portrait
{
$(".textHeader").attr("data-position","inline");
}
else //landscape
{
$(".textHeader").attr("data-position", "fixed");
}
}
然而,这不起作用。
似乎发生的是标题显示为页面加载。这意味着,如果我测试并将其加载到横向浏览器上,它的行为始终是固定的;但如果我画像,它仍然没有固定。我正在考虑的一件事是我需要与你如何做一个.listview('refresh')相同的东西,但是对于一个标题。
有关如何使这项工作的任何想法?