The popup plugin has the following options:
overlayTheme
default: null
Sets the color scheme (swatch) for the popup background, which covers the entire window. If not explicitly set, the background will be transparent.
$('.selector').popup({ overlayTheme: "a" });
This option is also exposed as a data attribute: data-overlay-theme="a"
data-overlay-theme="a"
theme
Sets the color scheme (swatch) for the popup contents. Unless explicitly set to 'none', the theme for the popup will be assigned the first time the popup is shown by inheriting the page theme or, failing that, by the hard-coded value 'c'. If you set it to 'none', the popup will not have any theme at all, and will be transparent.
'none'
'c'
$('.selector').popup({ theme: "a" });
This option is also exposed as a data attribute: data-theme="a"
data-theme="a"
initSelector
default: ":jqmData(role='popup')"
This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as popups. To change which elements are initialized, bind this option to the mobileinit event:
$( document ).bind( "mobileinit", function(){ $.mobile.popup.prototype.options.initSelector = ".mypopup"; });
shadow
default: true
Sets whether to draw a shadow around the popup. This option is also exposed as a data attribute: data-shadow="true"
data-shadow="true"
$('.selector').popup({ shadow: true });
corners
Sets whether to draw the popup with rounded corners. This option is also exposed as a data attribute: data-corners="true"
data-corners="true"
$('.selector').popup({ corners: true });