jquery移动多页首页init

时间:2013-10-17 12:12:06

标签: jquery-mobile

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

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

$('#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。

1 个答案:

答案 0 :(得分:0)

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

这应该为文档中的所有页面完成工作,如果稍后再动态添加更多页面。

编辑:看一下jquery

中.on()函数的语法

click me