jquery-mobile - jquery mobile多页首页初始化

Question

我正在使用多页模板结构，这实际上意味着用户可以从模板内的任何一个页面开始。

无论用户启动哪个页面，我都只想执行一次操作（然后当用户在页面之间导航时，不得重复该操作）。

$('#my1page').on('pageinit', function(event){
  // blahblah setup websocket
});
$('#my_other_page').on('pageinit', function(event){
// blahblah setup websocket
});
$('#and_heres_another_page').on('pageinit', function(event){
// blahblah setup websocket
});

所以我想将以上所有内容组合在一起

$('#FIRST-WHATEVER-PAGE-USER-NAVIGATES-INTO').on('pageinit', function(event){
// blahblah setup websocket
});

在正常情况下，我会使用 document.ready() 但这对于 jquerymobile 来说是一个非常大的 NO-NO。

Answer 1

$(document).on('pageinit', function () 
{ 
   //do something here 
});

这应该对文档中的所有页面都有效，如果您稍后动态添加更多页面也是如此。

编辑：看看 jquery 中 .on() 函数的语法

点我