如何解決layui彈出層閃退的問題

問題:

成都創(chuàng)新互聯(lián)專注于玉林企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站開發(fā),商城建設(shè)。玉林網(wǎng)站建設(shè)公司,為玉林等地區(qū)提供建站服務(wù)。全流程按需搭建網(wǎng)站,專業(yè)設(shè)計,全程項目跟蹤,成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

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

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

解決辦法:

方法一:將button標(biāo)簽換成其他的標(biāo)簽,如span就不會出現(xiàn)閃退問題了;

方法二:給button指明類型:type = "button",因為在form表單中的button默認(rèn)type = "submit",改為button就沒有表單的默認(rèn)事件了。

擴(kuò)展:

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

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

名稱欄目:如何解決layui彈出層閃退的問題
本文來源:http://muchs.cn/article10/ispggo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信小程序、定制開發(fā)、域名注冊、外貿(mào)網(wǎng)站建設(shè)、微信公眾號、企業(yè)建站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都app開發(fā)公司