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");
});