Layer.js提示层弹窗结束之后自动跳转到新页面的效果

原创 小智  2020-12-14 20:38  阅读 2,698 次
弹层之美

Layer 是一款近年来备受青睐的web弹层组件,提供 layer.open(options) 核心调用方法。她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验。在与同类组件的比较中,layer总是能轻易获胜。她尽可能地在以更少的代码展现更强健的功能,且格外注重性能的提升、易用和实用性,正因如此,越来越多的开发者将媚眼投上了layer 。layer 甚至兼容了包括 IE6 在内的所有主流浏览器。她数量可观的接口,使得您可以自定义太多您需要的风格,每一种弹层模式各具特色,广受欢迎。

解决 Layer.js 提示层弹窗结束之后自动跳转到新页面的问题

<!doctype html>
<html lang="en">
<head>    
    <meta charset="UTF-8" />
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="layer_mobile/need/layer.css"/>
</head>
<body>
    <script src="layer_mobile/layer.js" type="text/javascript" charset="utf-8"></script>
   <script type="text/javascript">
        layer.open({
        content: 'hello layer',
        skin: 'msg',
        time: 2,  //2秒后自动关闭
        end: function () {  //添加end函数(即结束时的事件函数)
            location.href='http://www.baidu.com';
          }
     });
  </script>
</body>
</html>
end - 层销毁后触发的回调函数

类型:Function,默认:null

无论是确认还是取消,只要层被彻底销毁了,end都会执行,不携带任何参数。

Layer 提示层弹窗

本文地址:http://aszhi.com/frame/82.html
关注我们:请关注一下微信号:扫描二维码爱思智前端的微信号
版权声明:本文为原创文章,版权归 小智 所有,欢迎分享本文,转载请保留出处!
NEXT:已经是最新一篇了

发表评论


表情