layui中layer弹层组件的应用

【layer简介】

10年积累的网站制作、做网站经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有明水免费网站建设让你可以放心的选择与我们合作。

layer，一个可以让你想到即可做到的web弹窗（层）解决方案（js组件）。layer侧重于用户灵活的自定义，为不同人的使用习惯提供动力。其意义在于，可以让您的页面拥有更丰富与便捷的操作体验，而您只需在调用时简单地配置相关参数，即可轻松实现。

【注意事项】

一、使用时，请把文件夹layer整个放置在您站点的任何一个目录，只需引入layer.js即可，除jQuery外，其它文件无需再引入。

二、如果您的js引入是通过合并处理或者您不想采用layer自动获取的绝对路径，您可以通过layer.config()来配置（详见官网API页）

三、jquery需1.8+

下载layer后，把它部署到你项目中的任何一个目录（当然，我们推荐放在前端相关目录里），你不能去挪动layer里面的文件结构，因为它们是不可拆散的组合。就像这样：(特别说明：需要把整个layer文件夹引入你的文件中，而不是单单引入layer.js文件)

你不必去管那些文件是干嘛的，你只需要认准一个文件：layer.js 没错，当你试图在页面呈现layer的时候，你应该这样去做：（最简单的示例）

    
        
        
        
        
    
    
        
点我
        
        
        
        
    

$("#btn").bind("click",function(){
        //layer.msg('点我的人最美！');
        layer.msg('此商品不存在或者已下架，看看其他商品吧！', {
        time: 3000
    });
});

更多示例：

    
        
        
        
        
    
    
        
点我.btn
        
点我test2
        
点我parentIframe
        
点我test4
        
点我test5
        
        
        
        
    

    
        
        
        
        
    
    
        
点我.btn
        
点我test2
        
点我parentIframe
        
点我test4
        
点我test5
        
        
点我test6
        
点我test7
        
点我test8
        
点我test9
        
        
        
        
        
    

以上就是layui-layer独立组件-弹出层介绍的详细内容，更多请关注创新互联其它相关文章！