Question

我有一个列表视图的面板，如下所示：

    <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>

然后我有一个动态附加在body中的另一个页面：

<div data-role="page" id="mypage">
    <div data-role="content">
         mypage 
    </div>
</div>

这是JavaScript函数：

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, {});
}

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

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

但是这不保留ui，就像主题一样没有显示等等。

我遇到了pagecontainer，我的代码出了什么问题？

jQuery Mobile pagecontainer无法正常工作

0 个答案: