ホームページ > 記事 > ウェブフロントエンド > Lauiui で共通イベント リスナーをバインドする方法
通常のイベントをバインドする方法:
バインドする 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
以上がLauiui で共通イベント リスナーをバインドする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。