当前位置:Gxlcms > JavaScript > jQueryMobile弹出窗、弹出层知识汇总_jquery

jQueryMobile弹出窗、弹出层知识汇总_jquery

时间:2021-07-01 10:21:17 帮助过:7人阅读

先创建一个窗体

1)点击后弹出


2)页面加载后弹出

关键字说明:

data-overlay-theme: 背景色透明灰 data-position-to: 弹窗在窗口居中显示 data-dismissible: 是否允许单击窗口外任一位置关闭窗口(默认true为允许) data-transition: 弹出方式

下面通过代码实例详解jquery mobile 弹出层使用

引入文件

弹出层基础

创建一个弹出层,要在div标签中添加一个 data-role="popup" 属性,然后在添加一个a标签,并在a标签href属性中设置弹出div层的id,在a标签中添加属性

简单实例

工具提示可以通过添加一个主题创建样本基本通过ui-content弹出并添加填充

提示信息实例

弹出图片

人气教程排行