解決Layui中l(wèi)ayer報(bào)錯(cuò)的問(wèn)題
更新時(shí)間：2019年09月03日 09:12:02 作者：veceny
今天小編就為大家分享一篇解決Layui中l(wèi)ayer報(bào)錯(cuò)的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
問(wèn)題描述：
Uncaught ReferenceError: layer is not defined
解決方法，查看網(wǎng)上說(shuō)名，是非獨(dú)立版導(dǎo)致直接使用layer導(dǎo)致，只需要在使用時(shí)加一說(shuō)明，申明一下使用。
layui.use(['element','layer'], function(){
var element = layui.element,layer=layui.layer;
//一些事件監(jiān)聽(tīng)
element.on('nav(topBarNav)', function(data){
console.log(data.text());
if(data.text()=="登陸"){
//示范一個(gè)公告層
layer.open({
type: 1
,title: false //不顯示標(biāo)題欄
,closeBtn: false
,area: '300px;'
,shade: 0.8
,id: 'LAY_layuipro' //設(shè)定一個(gè)id，防止重復(fù)彈出
,btn: ['火速?lài)^', '殘忍拒絕']
,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只是作為L(zhǎng)ayui的一個(gè)彈層模塊，由于其用戶(hù)基數(shù)較大，所以常常會(huì)有人以為layui是layerui<br><br>layer雖然已被 Layui 收編為內(nèi)置的彈層模塊，但仍然會(huì)作為一個(gè)獨(dú)立組件全力維護(hù)、升級(jí)。<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()=="注冊(cè)"){
}
});
以上這篇解決Layui中l(wèi)ayer報(bào)錯(cuò)的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
void(0)用于執(zhí)行某些處理，但是不整體刷新頁(yè)面的情況下，下面小編就給大家詳細(xì)介紹js中 javascript:void(0)的含義 ，需要的朋友可以參考下2015-08-08
在js中自一些字符串刪除空格的功能，本文章來(lái)介紹了字符串刪除功能加利用正則快速替換字符串中所有空格實(shí)現(xiàn)代碼2012-10-10
JavaScript中使用sencha gridpanel 編輯單元格、改變單元格顏色
ExtJS中的表格功能非常強(qiáng)大，包括了排序、緩存、拖動(dòng)、隱藏某一列、自動(dòng)顯示行號(hào)、列匯總、單元格編輯等實(shí)用功能，通過(guò)本篇文章給大家介紹JavaScript中使用sencha gridpanel 編輯單元、改變單元格顏色，感興趣的朋友一起學(xué)習(xí)2015-11-11
JavaScript樹(shù)結(jié)構(gòu)深度優(yōu)先算法
這篇文章主要介紹了JavaScript樹(shù)結(jié)構(gòu)深度優(yōu)先算法，樹(shù)結(jié)構(gòu)可以說(shuō)是前端中最常見(jiàn)的數(shù)據(jù)結(jié)構(gòu)之一，比如說(shuō)DOM樹(shù)、級(jí)聯(lián)選擇、樹(shù)形組件，更多相關(guān)內(nèi)容需要的小伙伴可以參考一下2022-07-07
原生JS實(shí)現(xiàn)的簡(jiǎn)單輪播圖功能【適合新手】
這篇文章主要介紹了原生JS實(shí)現(xiàn)的簡(jiǎn)單輪播圖功能,結(jié)合實(shí)例形式分析了基于javascript定時(shí)器控制頁(yè)面元素動(dòng)態(tài)變換實(shí)現(xiàn)輪播圖的相關(guān)操作技巧,需要的朋友可以參考下2018-08-08
Moment.js是一個(gè)輕量級(jí)的JavaScript時(shí)間庫(kù)，它方便了日常開(kāi)發(fā)中對(duì)時(shí)間的操作，提高了開(kāi)發(fā)效率下，本文給大家介紹moment.js使用超詳細(xì)教程，感興趣的朋友跟隨小編一起看看吧2023-10-10
廢話少說(shuō)，直接上Code,對(duì)IE與FF下的差異，均在代碼中有相關(guān)的注解2010-03-03
微信小程序用戶(hù)授權(quán)、位置授權(quán)及獲取微信綁定手機(jī)號(hào)
這篇文章主要介紹了信小程序用戶(hù)授權(quán)、位置授權(quán)及獲取微信綁定手機(jī)號(hào),文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-07-07
最近在研究js，疑惑也比較多。主要是被原型這個(gè)東西給弄迷糊了。2010-11-11
Javascript中常用類(lèi)型的格式化方法小結(jié)
這篇文章主要給大家介紹了Javascript中常用類(lèi)型的格式化方法，其中包括格式化浮點(diǎn)數(shù)、格式化有符號(hào)整數(shù)(int32)、格式化無(wú)符號(hào)整數(shù)(uint32)、格式化布爾值以及格式化字符串等，文中給出了詳細(xì)的示例代碼，有需要的朋友們可以參考借鑒，下面來(lái)一起看看吧。2016-12-12