用法:
display
类型:String
默认:
"reveal"
面板与页面内容的关系。此选项接受以下三个值之一:
"reveal" | 将页面推过去 |
"push" | 重新排列内容以适应面板内容作为列 |
"overlay" | 坐等内容 |
此选项也作为数据属性公开:打开面板的链接上的data-display="push"
。
代码示例:
使用指定的display
选项初始化面板:
$( ".selector" ).panel({
display: "overlay"
});
初始化后获取或设置display
选项:
// Getter
var display = $( ".selector" ).panel( "option", "display" );
// Setter
$( ".selector" ).panel( "option", "display", "overlay" );
相关用法
- JQuery Mobile Panel disabled用法及代码示例
- JQuery Mobile Panel dismissible用法及代码示例
- JQuery Mobile Panel defaults用法及代码示例
- JQuery Mobile Panel position用法及代码示例
- JQuery Mobile Panel open用法及代码示例
- JQuery Mobile Panel beforeclose( event, ui )用法及代码示例
- JQuery Mobile Panel close用法及代码示例
- JQuery Mobile Panel theme用法及代码示例
- JQuery Mobile Panel animate用法及代码示例
- JQuery Mobile Panel swipeClose用法及代码示例
- JQuery Mobile Panel open( event, ui )用法及代码示例
- JQuery Mobile Panel beforeopen( event, ui )用法及代码示例
- JQuery Mobile Panel initSelector用法及代码示例
- JQuery Mobile Panel create( event, ui )用法及代码示例
- JQuery Mobile Panel positionFixed用法及代码示例
- JQuery Mobile Panel toggle用法及代码示例
- JQuery Mobile Panel close( event, ui )用法及代码示例
- JQuery Mobile Pagecontainer beforeshow( event, ui )用法及代码示例
- JQuery Mobile Page corners用法及代码示例
- JQuery Mobile Pagecontainer change用法及代码示例
- JQuery Mobile Pagecontainer classes用法及代码示例
- JQuery Mobile Page create( event )用法及代码示例
- JQuery Mobile Page keepNativeDefault用法及代码示例
- JQuery Mobile Pagecontainer theme用法及代码示例
- JQuery Mobile Pagecontainer create( event, ui )用法及代码示例
注:本文由纯净天空筛选整理自jquerymobile.com大神的英文原创作品 Panel display。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。