这篇文章主要介绍了layui如何绑定普通事件监听,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
绑定普通事件的方法:
html页面给你想要绑定的地方加上id或class属性,下面我以id举例
<a class="iconfont icon-touxiang layui-hide-xs" id="zq_login"></a>
js代码
$(function () {
layui.use('layer', function(){
var $ = layui.jquery
,layer = layui.layer //弹层
//弹出登录页面
$(document).on('click','#zq_login',function(){
alert("这里写自己的功能...");
/*layer.open({ //layer提供了5种层类型。可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)
type: 2,
title:"登录页面",
area: ['55%','85%'],//类型:String/Array,默认:'auto' 只有在宽高都定义的时候才不会自适应
fix: false, //不固定
maxmin: true,//开启最大化最小化按钮
shadeClose: true,//点击阴影处可关闭
shade:0.4,//背景灰度
skin: 'layui-layer-rim', //加上边框
content: '/zq_blog/html/login_page/index.html',
// resize:false
});*/
});
});
});
感谢你能够认真阅读完这篇文章,希望小编分享layui如何绑定普通事件监听内容对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,遇到问题就找亿速云,详细的解决方法等着你来学习!
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。