layui中layer弹层组件的应用-创新互联

【layer简介】

成都创新互联欢迎咨询:18980820575,为您提供成都网站建设网页设计及定制高端网站建设服务,成都创新互联网页制作领域10多年,包括成都混凝土搅拌站等多个行业拥有丰富的网站维护经验,选择成都创新互联,为企业锦上添花。

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

【注意事项】

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

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

三、jquery需1.8+

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

layui中layer弹层组件的应用

你不必去管那些文件是干嘛的,你只需要认准一个文件: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独立组件-弹出层介绍的详细内容,更多请关注创新互联成都网站设计公司其它相关文章!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


文章题目:layui中layer弹层组件的应用-创新互联
转载来源:http://bzwzjz.com/article/dggdei.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站设计 成都商城网站制作 重庆网站制作 成都网站建设 成都响应式网站建设 高端品牌网站建设 LED网站设计方案 重庆网站建设 网站建设 成都网站设计 网站建设 成都网站制作公司 宜宾网站设计 成都网站设计 专业网站设计 成都网站制作 成都网站设计 营销网站建设 成都网站设计 网站建设公司 企业手机网站建设 网站建设费用