javascript - 为什么在滑动面板打开时标题文本会隐藏？

Question

我在顶部标题中有面板。单击图像(标题左侧)后，它会显示面板。实际上我的问题是，每当我的面板打开时，我的标题标题在我的示例中是隐藏的(“测试”)。首先我使用data-display="push" 它隐藏了我的标题标题(“测试”)。但是，当我尝试 data-display="overlay" 时，它并没有隐藏我的页眉标题文本，而是隐藏了我的图像 ..:( 为什么我不能同时显示这两个内容？

http://jsfiddle.net/7Cmb3/1/

$(function () {   
  $('#panelOpenImge').click(function(){
    $( "#mypanel" ).panel( "open" );
  })
})

Answer 1

我添加了一些CSS代码

@media ( min-width: 200px) {

    /* wrap on wide viewports once open */

    .ui-panel-page-content-open.ui-panel-page-content-position-left {
        margin-right: 17em;
    }
    .ui-panel-page-content-open.ui-panel-page-content-position-right {
        margin-left: 17em;
    }
    .ui-panel-page-content-open {
        width: auto;
    }

    .ui-panel-page-content-open.ui-panel-page-content-position-left.ui-panel-page-content-display-push {
        margin-right: 17em;
    }
    .ui-panel-page-content-open.ui-panel-page-content-position-right.ui-panel-page-content-display-push {
        margin-left: 17em;
    }
    .ui-panel-page-content-open.ui-panel-page-content-display-push {
        width: auto;
    }

}

请检查

http://jsfiddle.net/7Cmb3/7/