如何在jQuery Mobile中将标题设置为全屏模式？

Question

当我为属性设置属性data-fullscreen="true"时，它工作正常。但是，当我收到一些事件时，我确实需要在运行时执行此操作。我尝试这样做：

$(document).ready(function() { 
    $("[data-role=header]").attr("data-fullscreen", "true"); 
}); 

在Chrome的元素检查属性data-fullscreen变化true，但没有用头发生。有谁知道另一种方式？

Answer 1

这里有一个工作示例：http://jsfiddle.net/Gajotres/HCcUe/

和代码示例：

$(document).on('pagebeforeshow', '#index', function(){  
    $('[data-role="header"]').attr({'data-fullscreen':'true','data-position':'fixed'}).html('<h3>Test</h3>'); 
    $('#index').trigger('pagecreate');          
}); 

使用pageshow或pagebeforeshow页面事件来设置该属性。另外，不要使用jQuery Mobile准备好的文档，在这里你会发现为什么：https://stackoverflow.com/a/14469041/1848600