zoukankan      html  css  js  c++  java
  • Layer.js——强大的弹出框

    layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验。

    在与同类组件的比较中,layer总是能轻易获胜。她尽可能地在以更少的代码展现更强健的功能,且格外注重性能的提升、易用和实用性,正因如此,越来越多的开发者将媚眼投上了layer(已被3731654人次关注)。layer 甚至兼容了包括IE6在内的所有主流浏览器。她数量可观的接口,使得您可以自定义太多您需要的风格,每一种弹层模式各具特色,广受欢迎。当然,这种“王婆卖瓜”的陈述听起来总是有点难受,因此你需要进一步了解她是否真的如你所愿。

    layer采用MIT开源协议,将会永久性提供无偿服务。因着数年的坚持维护,截至到2016年11月07日,已运用在超过20万家Web平台,其中不乏众多知名大型网站。目前layer已经成为国内乃至全世界最多人使用的Web弹层解决方案,并且她仍在与Layui一并高速发展

    使用,导入资源 js和them.

    <script type="text/javascript" src="../js/jquery.min.js"></script><script type="text/javascript" src="../js/layer/layer.js"></script>

    $('#cancelBtn').click(function (){
    var lock = false; //默认未锁定
    var myconfirm = layer.confirm(textObj['确定要取消吗?'], {
    btn: ['是','否'] //按钮
    }, function(){
    if(!lock) {
    lock = true; // 锁定
    $.ajax({
    url: 'index.php?r=neighbors/setcloseoptimize',
    type: 'post',
    dataType: 'json',
    data:{},
    success: function (data){

    }
    });
    }
    layer.close(myconfirm);
    }, function(){
    layer.close(myconfirm);
    });
    });

  • 相关阅读:
    android SQLiteDatabase数据库使用的时候 常见问题
    ArrayList与LinkedList的基本添加删除方法 模拟栈 队列
    ImageView小技巧
    TextView 小技巧
    悬浮窗
    帧动画布局文件 animation-list
    VideoView的全屏问题
    FragmentPagerAdapter与FragmentStatePagerAdapter区别
    观察者模式 DataObserver
    vue中filter的用法
  • 原文地址:https://www.cnblogs.com/wangyu19900123/p/12170972.html
Copyright © 2011-2022 走看看