从其他html文件动态加载特定页面

Question

我有jQuery mobile的情况

<a class="fa fa-pencil editInfo">Click</a>

内部updateInfoPages.html：

<div id="page1" data-role="page" data-theme="a" class="adminPage">
</div>

<div id="page2" data-role="page" data-theme="a" class="adminPage">
</div>

在.editInfo点击后，我想根据某些条件导航到page1或page2。

1. 那么我该如何导航到这些页面呢？
2. 我如何知道已加载page1或page2？

我试过这个

$(".editInfo").click(function(){
  $( ":mobile-pagecontainer" ).pagecontainer( "change", "updateInfoPages.html",{data:{"p1":"p111","p2":"p22"}});
});

它只显示page1，如果我刷新updateInfoPages.html，则会删除所有css样式。