动态更改jQuery Mobile中的数据位置

Question

我的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'）相同的东西，但是对于一个标题。

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