Question

我在Jquery mobile＆amp; amp; Cordova供电应用。所以data-position="fixed"

<div data-position="fixed" data-role="header" data-theme='b' id="mainHeader">
    <h1>XXXXXXXXXX</h1>
    <img src="img/banner.png" style="width:100%;" />

    <div style="height:40px; width:100%; text-align:center; font-size:20px; background-color:#809710;">
    Welcome
    </div>
</div><!--Header-->

大头不是吧！ :)现在当移动方向改变时，这意味着当它转到纵向到横向时，我想要更改此data-position，以便不再修复此问题。然后当它回到肖像时，它应该再次修复。

我可以控制更改方向检测。问题是如何更改此数据位置属性并使其固定或不固定。

我试过

var col = $('#mainHeader');
col.data('position','');

没用。任何人都可以帮助实现这个目标吗？

更新： JSFiddle

Answer 1

试试这个

$(document).on('click', "#btn", function () {
    alert("OK");
    $('#mainHeader').removeClass('ui-header-fixed');

});
$(document).on('click', "#abtn", function () {
    alert("OK");
    $('#mainHeader').addClass('ui-header-fixed');

});

DEMO

如何动态更改jquery mobile中的固定头

1 个答案: