我在顶部标题中有面板。单击图像（标题左侧）后，将显示面板。实际上，我的问题是，每当打开面板时，我的标题标题就是hide（“ Test”）。首先，我用data-display="push"它隐藏了我的标题标题（“ Test”）。但是，当我尝试data-display="overlay"它时，它不会隐藏标题标题文本，而是隐藏我的图像.. :(为什么我不能同时显示两个内容？
$(function () {
$('#panelOpenImge').click(function(){
$( "#mypanel" ).panel( "open" );
})
})
我添加了一些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;
}
}
请检查
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句