jQuery Layer mobile 弹出层

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery Layer mobile 弹出层相关的知识,希望对你有一定的参考价值。

layer mobile是为移动设备(手机、平板等webkit内核浏览器/webview)量身定做的弹层支撑,采用Native javascript编写,完全独立于PC版的layer,您需要按照场景选择使用。

  1. 无需依赖任何库,只加载layer.m.js即可

  2. 小巧玲珑,性能卓越、柔情似水…

  3. 具备无以伦比的自适应功能

  4. 灵活的皮肤自定义支撑,充分确保弹层风格多样化

  5. 丰富、科学的接口,让弹弹弹层无所不能

  6. 版本Layer mobile1.8

  7. 作者:闲心贤

  8. github

在线实例

实例预览 layer弹层组件移动版演示

实例预览 layer弹层组件移动版在线DEMO

参考手册

实例预览 layer弹层组件移动版API

引入文件

  1. <link href="layer.css" type="text/css" rel="stylesheet">
  2. <script src="layer.js">
复制

使用方法

  1. <a onclick="test();" href="javascript:;">点击询问框</a>
  2. <script>
  3. function test() {
  4. layer.open({
  5. content: ‘你是想确认呢,还是想取消呢?‘,
  6. btn: [‘确认‘, ‘取消‘],
  7. shadeClose: false,
  8. yes: function() {
  9. layer.open({
  10. content: ‘你点了确认‘,
  11. time: 1
  12. });
  13. },
  14. no: function() {
  15. layer.open({
  16. content: ‘你选择了取消‘,
  17. time: 1
  18. });
  19. }
  20. });
  21. }
  22. </script>
复制

 

以上是关于jQuery Layer mobile 弹出层的主要内容,如果未能解决你的问题,请参考以下文章

layui弹出层怎么不显示

jQuery Layer mobile 弹出层

使用layer插件为啥弹出框没点确定就自动消失了

layer弹出层弹出图片第一次总在右下角,第二次才在页面中间

如何获取用layer弹出层表单的数据

layui使用layer弹出层父子页面事件相互调用方法