0

我的 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') 的方法，但对于标题。

关于如何使这项工作的任何想法？

4

0 回答 0