Javascript jQuery Mobile pagecontainer不工作

我有一个带有listview的面板，如下所示：

    <div data-role="panel" id="mypanel" data-position="left" data-position-fixed="true" data-theme="b" data-display="overlay">

        <ul data-role="listview" data-theme="b" data-count-theme="a" id="panel_list_view">
            <li data-icon="false">
                <a href="#" onclick="open_page('#mypage');">open page</a>
            </li>
        </ul>
    </div>

在警报中，我得到了完美的代码。意味着HTML内容已经找到，并且我已经尝试了所有的方法（包括注释掉的代码），但是没有一个有效。除此之外：

$.mobile.navigate(id, {});

但这并没有保留ui，比如主题并没有显示等等

---

pagecontainer缺少的是，我的代码有问题吗？

如果有人有答案，请回答。确保没有相同id的重复页面。是的，我检查了，没有相同id的重复页面。我已与<代码>警报（$（id）.length）返回1。如何附加页面？你能发布更多相关代码吗？这是我正在使用的代码<代码>$（'body'）。追加（'mypage'）

function open_page(id){
   alert($(id).html());
   //$(':mobile-pagecontainer').pagecontainer("change", id, {});
   //$('body').pagecontainer("change", id, {});
   //$.mobile.changePage(id);
   //$.mobile.navigate(id, {});
   $.mobile.pageContainer.pagecontainer("change", id, {});
}

$.mobile.navigate(id, {});