溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

如何解決layui彈出層閃退的問(wèn)題

發(fā)布時(shí)間：2020-06-16 18:44:41 來(lái)源：億速云 閱讀：593 作者：元一 欄目：web開發(fā)

問(wèn)題：

今天用layui的彈出層插件，發(fā)現(xiàn)綁定彈出層到按鈕，打開彈窗會(huì)閃退。

原因：在form表單中使用了Button按鈕，點(diǎn)擊的時(shí)候會(huì)觸發(fā)默認(rèn)事件，而form的action我沒填，所以就是彈出層會(huì)閃退！

解決辦法：

方法一：將button標(biāo)簽換成其他的標(biāo)簽，如span就不會(huì)出現(xiàn)閃退問(wèn)題了；

方法二：給button指明類型:type = "button"，因?yàn)樵趂orm表單中的button默認(rèn)type = "submit"，改為button就沒有表單的默認(rèn)事件了。

擴(kuò)展：

layui，是一款采用自身模塊規(guī)范編寫的前端 UI 框架，遵循原生 HTML/CSS/JS 的書寫與組織形式，門檻極低，拿來(lái)即用。其外在極簡(jiǎn)，卻又不失飽滿的內(nèi)在，體積輕盈，組件豐盈，從核心代碼到 API 的每一處細(xì)節(jié)都經(jīng)過(guò)精心雕琢，非常適合界面的快速開發(fā)。layui 首個(gè)版本發(fā)布于2016年秋，她區(qū)別于那些基于 MVVM 底層的 UI 框架，卻并非逆道而行，而是信奉返璞歸真之道。準(zhǔn)確地說(shuō)，她更多是為服務(wù)端程序員量身定做，你無(wú)需涉足各種前端工具的復(fù)雜配置，只需面對(duì)瀏覽器本身，讓一切你所需要的元素與交互，從這里信手拈來(lái)。

layui 提供了豐富的內(nèi)置模塊，他們皆可通過(guò)模塊化的方式按需加載，其中包括:layer、layDate、layPage、laytpl、table、form、upload、element、tree、layeditor、rate、carousel、flow、util、code等。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手