jquery Mobile弹出窗

 

先创建一个窗体

<div data-role="popup" id="popupView" class="ui-content" data-overlay-theme="b" data-position-to="window" data-dismissible="false">
　　<a href='javascript:void(0)' data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
　　<div>弹出窗内容<div>
</div>

 

1）点击后弹出

<a href="#popupView" data-rel="popup" data-transition="flip" class="ui-btn ui-corner-all">按钮</a>

 

2）页面加载后弹出

 

//页面延时加载
<script>
setTimeout(function () {
　　$("#popupView").popup('open');
}, 1000);//1秒
</script>

 

 

关键字说明：

data-overlay-theme: 背景色透明灰

data-position-to: 弹窗在窗口居中显示

data-dismissible: 是否允许单击窗口外任一位置关闭窗口（默认true为允许）

data-transition: 弹出方式