对话框选项 dialog Options

closeBtn 关闭按钮。类型:字符串。默认值:"left"。

设置对话框的按钮,使其在左侧或者右侧或者无按钮。这个选项页可以在HTML中添加 data-close-btn 属性来设置。

//初始化 
$( ".selector" ).dialog({ closeBtn: "none" });

  
// getter 
var closeBtn = $( ".selector" ).dialog( "option", "closeBtn" );
 
// setter 
$( ".selector" ).dialog( "option", "closeBtn", "none" );

  

closeBtnText 关闭按钮的提示文字信息。类型:字符串。默认值:"Close"。

定制的“关闭”按钮可帮助翻译成不同的语言文字。这是只显示为图标按钮,默认情况下,文本在屏幕不可见的,但由屏幕阅读器读取,这是一个重要的辅助功能。默认值,是"Close"。这个选项也可以在HTML中添加 data-close-btn-text 属性来设置。

//初始化 
$( ".selector" ).dialog({ closeBtnText: "Fermer" });

  
// getter 
var closeBtn = $( ".selector" ).dialog( "option", "closeBtnText" );
 
// setter 
$( ".selector" ).dialog( "option", "closeBtnText", "Fermer" );

  

corners 圆角。类型:布尔值。默认值:true。

设置对话框是否为圆角。默认值:true,显示圆角。设置为 false 取消圆角。也可以在HTML中添加 data-corners="false" 来取消圆角。

//初始化 
$( ".selector" ).dialog({ corners: false });

  
// getter 
var closeBtn = $( ".selector" ).dialog( "option", "corners" );
 
// setter 
$( ".selector" ).dialog( "option", "corners", false );

  

initSelector 初始化选择器。类型:CSS选择器。默认值:":jqmData(role='dialog')"。

这是用来定义选择器(元素类型,数据的角色,等等),将被自动初始化为对话框。要更改哪些元素初始化,将这个选项绑定 mobileinit 事件:

$( document ).on( "mobileinit", function() {
$.mobile.dialog.prototype.options.initSelector = ".mydialog";
});

overlayTheme 被覆盖层的样式主题。类型:字符串。默认值:"a"。

对话框出现浮动覆盖层以上。本文采用样本覆盖默认内容的颜色,但 data-overlay-theme 属性可以添加到页面封装设置覆盖任何样本的字母。可能的值:任一字母(a-z)。jQuery Mobile预设置的五套样式:a(黑色)、b(蓝色)、c(灰色)、d(白色)、e(黄色)。

//初始化 
$( ".selector" ).dialog({ overlayTheme: "e" });

  
// getter 
var closeBtn = $( ".selector" ).dialog( "option", "overlayTheme" );
 
// setter 
$( ".selector" ).dialog( "option", "overlayTheme", "e" );