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

弹层之美

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都会执行，不携带任何参数。

本文地址：http://aszhi.com/frame/82.html
关注我们：请关注一下微信号：扫描二维码爱思智前端的微信号

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

发表评论 取消回复

发表评论取消回复