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

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中没有黑客

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>