解決Layui中l(wèi)ayer報錯的問題
更新時間:2019年09月03日 09:12:02 作者:veceny
今天小編就為大家分享一篇解決Layui中l(wèi)ayer報錯的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
問題描述:
Uncaught ReferenceError: layer is not defined
解決方法,查看網(wǎng)上說名,是非獨立版導(dǎo)致直接使用layer導(dǎo)致,只需要在使用時加一說明,申明一下使用。
layui.use(['element','layer'], function(){ var element = layui.element,layer=layui.layer; //一些事件監(jiān)聽 element.on('nav(topBarNav)', function(data){ console.log(data.text()); if(data.text()=="登陸"){ //示范一個公告層 layer.open({ type: 1 ,title: false //不顯示標題欄 ,closeBtn: false ,area: '300px;' ,shade: 0.8 ,id: 'LAY_layuipro' //設(shè)定一個id,防止重復(fù)彈出 ,btn: ['火速圍觀', '殘忍拒絕'] ,btnAlign: 'c' ,moveType: 1 //拖拽模式,0或者1 ,content: '<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">你知道嗎?親!<br>layer ≠ layui<br><br>layer只是作為Layui的一個彈層模塊,由于其用戶基數(shù)較大,所以常常會有人以為layui是layerui<br><br>layer雖然已被 Layui 收編為內(nèi)置的彈層模塊,但仍然會作為一個獨立組件全力維護、升級。<br><br>我們此后的征途是星辰大海 ^_^</div>' ,success: function(layero){ var btn = layero.find('.layui-layer-btn'); btn.find('.layui-layer-btn0').attr({ href: 'http://www.layui.com/' ,target: '_blank' }); } }); }else if (data.text()=="注冊"){ } });
以上這篇解決Layui中l(wèi)ayer報錯的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript中使用sencha gridpanel 編輯單元格、改變單元格顏色
ExtJS中的表格功能非常強大,包括了排序、緩存、拖動、隱藏某一列、自動顯示行號、列匯總、單元格編輯等實用功能,通過本篇文章給大家介紹JavaScript中使用sencha gridpanel 編輯單元、改變單元格顏色,感興趣的朋友一起學習2015-11-11JavaScript樹結(jié)構(gòu)深度優(yōu)先算法
這篇文章主要介紹了JavaScript樹結(jié)構(gòu)深度優(yōu)先算法,樹結(jié)構(gòu)可以說是前端中最常見的數(shù)據(jù)結(jié)構(gòu)之一,比如說DOM樹、級聯(lián)選擇、樹形組件,更多相關(guān)內(nèi)容需要的小伙伴可以參考一下2022-07-07微信小程序用戶授權(quán)、位置授權(quán)及獲取微信綁定手機號
這篇文章主要介紹了信小程序用戶授權(quán)、位置授權(quán)及獲取微信綁定手機號,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-07-07