jQuery Mobile связанный список pageInit (), а не $ (document) .ready ()

Question

Я пытаюсь сделать мобильную версию веб-страницы. Моя проблема в том, что мне приходится манипулировать аккордеонным меню, чтобы использовать мобильный список ссылок jQuery. Для этого я манипулирую меню с помощью jquery ex:

$(document).ready(function() {
    $('#globalMenu').attr("data-role", "listview");
    .. .. . . ..
});

Это прекрасно работает, если я загружаю страницу в первый раз, но когда я перехожу в мобильный список jquery и нажимаю одну из ссылок, скрипт не запускается, но если я обновляю страницу (f5), это работает! Я читал, что мне нужно использовать init вместо готового документа, но я не могу заставить его работать.

Пожалуйста, напишите несколько примеров

Страница события jQueryMobile

Answer 1

Предположим, ваша страница div выглядит следующим образом:

<div id="my-page" data-role="page">

Попробуйте:

$('#my-page').live('pageinit', function(event){
  $('#globalMenu').attr("data-role", "listview");
});