当面板在jqm中打开时，为什么按钮隐藏

Question

当你打开面板时，你可以告诉我为什么我的按钮隐藏了。我已经使用了数据显示=＆＃34;覆盖＆＃34; ..按钮应该在面板打开时向左滑动并且它到达原始位置面板关闭时。

http://jsfiddle.net/FZQ8D/1/

<div data-role="page" id="home">
    <div data-role="panel" id="mypanel" data-position="left"  data-dismissible="true" data-theme="a" data-display="overlay">
        <!-- panel content goes here -->
        <label class="testSuiteId">Test Suite</label>
        <div id="tree">
            <ul>

            </ul>
        </div>


    </div><!-- /panel -->
<div class="main_cont">
    <div data-role="header" data-theme="b">

        <a href="#mypanel" data-role="button">open</a>


    </div><!-- /header -->

    <div class="cb"></div>




</div>




</div>

正如所写文件 http://api.jquerymobile.com/panel/

Answer 1

工作示例：http://jsfiddle.net/Gajotres/FZQ8D/4/

HTML：

<div data-role="page" id="home">
    <div data-role="panel" id="mypanel" data-position="left"  data-dismissible="true" data-theme="a" data-display="push" >
        <!-- panel content goes here -->
        <label class="testSuiteId">Test Suite</label>
        <div id="tree">
            <ul>

            </ul>
        </div>
    </div><!-- /panel -->    
    <div data-role="header" data-theme="b">
        <a href="#mypanel" data-rel="panel" class="ui-btn">open</a>
    </div><!-- /header -->
    <div class="cb"></div>   
</div>

错误：

• 首先，我删除了类名为 main_cont 的div，data-role =＆＃34; page＆＃34; div容器只能有3种内在子项： data-role =＆＃34; header＆＃34; ， data-role =＆＃34; content＆＃34; ， data-role =＆＃34;页脚＆＃34; ，别无其他。
• 我从面板小部件中删除了 data-display =＆＃34; overlay＆＃34; 属性并添加 data-display =＆＃34; push＆＃34; 属性