如何获取子页面加载事件？

Question

我正在使用 JQuery-Mobile。

在加载特定的子页面时，我想执行一个 JavaScript 函数。

那么如何获取子页面加载事件呢？

子页面将通过 Ajax 表单提交来加载。 有点像： 我有母版页，我加载 page1 并将其提交到 page2。因此响应将是 page2 并且母版页被隐藏。

Answer 1

这是速度/质量的修复：（更少的函数调用，没有隐式检查属性）

$('#page2').live('pageshow',function(event, ui){

    //you code

});

<div data-role="page" id="page2">
//code
</div>

这是自 jQuery Mobile alpha3 以来应该如何完成的：

$('div[data-url="some.html"]').live('pageshow',function(event, ui){

    //you code

});

并且 HTML 中没有 hack

Answer 2

您可以在父页面上放置以下 JavaScript：

$('div').live('pageshow',function(event, ui){
  if($(this).attr("id") == "page2")
  {
    //you code
  }
});

在子页面上：

<div data-role="page" id="page2">
//code
</div>

Answer 3

这对我有用。我正在使用 jquery.mobile-1.0b1.min.js

$('#MapView').bind('pageshow', function() {
        console.log('show MapView');
       //Add Your Code here
        Reloadmap();
    });

页面元素包括

<div data-role="page" id="MapView">
//code
</div>