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独立组件-弹出层介绍的详细内容,更多请关注创新互联其它相关文章!
当前名称:layui中layer弹层组件的应用
当前链接:http://pwwzsj.com/article/iigopo.html