jQuery Layer mobile 弹出层
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery Layer mobile 弹出层相关的知识,希望对你有一定的参考价值。
layer mobile是为移动设备(手机、平板等webkit内核浏览器/webview)量身定做的弹层支撑,采用Native javascript编写,完全独立于PC版的layer,您需要按照场景选择使用。
-
无需依赖任何库,只加载layer.m.js即可
-
小巧玲珑,性能卓越、柔情似水…
-
具备无以伦比的自适应功能
-
灵活的皮肤自定义支撑,充分确保弹层风格多样化
-
丰富、科学的接口,让弹弹弹层无所不能
-
版本Layer mobile1.8
在线实例
实例预览 layer弹层组件移动版演示
实例预览 layer弹层组件移动版在线DEMO
参考手册
实例预览 layer弹层组件移动版API
引入文件
- <link href="layer.css" type="text/css" rel="stylesheet">
- <script src="layer.js">
复制
使用方法
- <a onclick="test();" href="javascript:;">点击询问框</a>
- <script>
- function test() {
- layer.open({
- content: ‘你是想确认呢,还是想取消呢?‘,
- btn: [‘确认‘, ‘取消‘],
- shadeClose: false,
- yes: function() {
- layer.open({
- content: ‘你点了确认‘,
- time: 1
- });
- },
- no: function() {
- layer.open({
- content: ‘你选择了取消‘,
- time: 1
- });
- }
- });
- }
- </script>
复制
以上是关于jQuery Layer mobile 弹出层的主要内容,如果未能解决你的问题,请参考以下文章