Как установить заголовок в полноэкранный режим в 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');                                    
});

Используйте pagehow или pagebeforeshow page event, чтобы установить эти атрибуты. Также не используйте документ, готовый с jQuery Mobile, здесь вы найдете почему: /questions/32110604/jquery-mobile-dokument-gotov-protiv-sobyitij-stranitsyi/32110616#32110616