layui的確認彈出層的玩法

2021-08-21 01:37:03 字數 604 閱讀 1453

專案中用的windows的confirm確認框 感覺很low 改了一下

遇到兩個問題

使用layui前:

function

outexcel

(url)

}

正確的使用layui後:

function

outexcel

(url)

,function

(index)

,function()

);return

false

;

1.第乙個問題:

我用的根據id提交表單 然後它不用點確認一閃而過就直接提交了

解決方案:

後邊加了個return false;

還有可能就是表單預設提交了 我們要阻止表單的預設提交

表單內的未指定型別時,預設的型別為submit,可以顯式的修改為來阻止表單提交

2.第二個問題:

在點確認彈出框後不關閉彈出框

解決方案:

layer.close(index);

參考文獻:

模擬layui彈出層

以前覺得自己手寫乙個類似layui的彈出層是挺遙遠的事,因為完全沒有頭緒,即便在layui官網知道layui使用的都是c3動畫 之前試過控制width 0 height 0來做動畫,結果慘不忍睹,直到幾天前靈機一動聯想到了transform的scale屬性,才稍微觸及到了皮毛 為了不新增格外的htm...

layui彈出層基礎引數

一 type 層型別 型別 number 預設為0 資訊框 1 頁面層 可以在頁面新增html內容 2 iframe層 3 載入層 載入時顯示的彈出框 4 tips層 需要繫結id就不展示了 二 title標題 引數型別 string,array,boolean string 即標題的文字 arra...

layui框架(彈出層和輪播)

一 彈出層 src layer.js script layer.msg hello script 2 在 layui 中使用 layer layui.use layer function script 3 彈出層屬性的使用方法type 基本層型別 layer提供了5種層型別 可傳入的值有 0 資訊框...