layer彈框插件常用方法

来源:https://www.cnblogs.com/jiaoran/archive/2020/06/24/13188073.html
-Advertisement-
Play Games

layer.msg(content, options, end) - 提示框 layer.msg('提示內容,唯一不可省略的項', { icon: 1,//表情類型 time: 2000 //2秒關閉(預設是3秒) }, function(){ //do something,關閉後想做些什麼 }); ...


layer.msg(content, options, end) - 提示框

layer.msg('提示內容,唯一不可省略的項', {
  icon: 1,//表情類型
  time: 2000 //2秒關閉(預設是3秒)
}, function(){
  //do something,關閉後想做些什麼
});  

官方介紹是目前露臉率最高的提示框。因為它簡單,預設會3秒後自動消失,堅持零用戶操作,而且參數也是自動補齊的。


layer.alert(content, options, yes) - 普通信息框

layer.alert('有了回調',  {icon: 1}, function(index){
  //do something
  layer.close(index);
});  

它的彈出似乎有些高調,一般用於對用戶造成比較強烈的關註,類似系統alert,但比alert更靈便。它的參數是自動向左補齊的。


layer.confirm(content, options, yes, cancel) - 詢問框

layer.confirm('確認刪除該條消息?', {
    btn: ['確認', '取消'] //可以無限個按鈕
    ,yes: function(index, layero){
        window.location.href = href;
        layer.close(index); //如果設定了yes回調,需進行手工關閉
    },btn2: function(index, layero){
        //按鈕【按鈕二】的回調
        layer.close(index);
        return false;//開啟該代碼可禁止點擊該按鈕關閉
    },cancel: function(){
        //右上角關閉回調
        layer.close(index);
        return false;
    }
});

類似系統confirm,但不是和系統的confirm一樣阻塞


layer.close(index) - 關閉特定層

//如果你想關閉最新彈出的層,直接獲取layer.index即可
layer.close(layer.index); //它獲取的始終是最新彈出的某個層,值是由layer內部動態遞增計算的

//當你在iframe頁面關閉自身時
var index = parent.layer.getFrameIndex(window.name); //先得到當前iframe層的索引
parent.layer.close(index); //再執行關閉  


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 這是移動端佈局的初始頭部樣式,可以解決不同瀏覽器的相容問題 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 1 <!--要求當前網頁使用IE瀏覽器最高版本的內核來渲染--> 2 <meta http-equiv="X-UA-Compatib ...
  • 這裡是單行佈局 使用ul>li 來佈局 <ul class="local-nav"> <li> <a href="#"> <span class="local-nav-icon-icon1"></span> 攻略景點 </a> </li> <li> <a href="#"> <span class= ...
  • 嚴格比較二叉樹,左子樹和右子樹嚴格相等: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1 ...
  • 聲明變數特殊情況 情況 說明 結果 var age ; console.log (name); 只聲明 不賦值 undefined console.log(name) 不聲明 不賦值 直接使用報錯 name= 20; console.log (name); 不聲明 只賦值 20 1. 由字母(A-Z ...
  • 本主題講述了react+taro-JYwebApp 、webapp模板-集成方案,從零到一的手寫搭建全過程。 該項目不僅是一個持續完善、高效簡潔的webapp模板,還是一套企業級webapp開發集成方案. 致力於打造一個與時俱進、高效易懂、高復用、易維護擴展的應用方案。 ...
  • 1. 返回檢測屏幕寬度(可視區域) 1 function client() { 2 if(window.innerWidth != null) // ie9 + 最新瀏覽器 3 { 4 return { 5 width: window.innerWidth, 6 height: window.inn ...
  • 使用純CSS3 實現翻牌效果 需要註意要給子盒子使用絕對定位,這樣兩個盒子可以完全重合在一起,需要給父盒子一個 transform-style: preserve-3d;讓子盒子翻轉時保持3D效果, perspective: 400px;可以給父盒子一個視距遵守近大遠小規則可根據需要設置。 tran ...
  • 3D 旋轉木馬是CSS中常見的特效之一,旋轉木馬可以有多種方法實現,這裡我使用純CSS實現這種動畫的效果。 簡要介紹一下重點 transform: rotateY(60deg) translateZ(300px);這是必須先旋轉後 沿著z軸移動,不然會錯亂,translateZ是沿著Z軸移動,其值越 ...
一周排行
    -Advertisement-
    Play Games
  • 前言 在我們開發過程中基本上不可或缺的用到一些敏感機密數據,比如SQL伺服器的連接串或者是OAuth2的Secret等,這些敏感數據在代碼中是不太安全的,我們不應該在源代碼中存儲密碼和其他的敏感數據,一種推薦的方式是通過Asp.Net Core的機密管理器。 機密管理器 在 ASP.NET Core ...
  • 新改進提供的Taurus Rpc 功能,可以簡化微服務間的調用,同時可以不用再手動輸出模塊名稱,或調用路徑,包括負載均衡,這一切,由框架實現並提供了。新的Taurus Rpc 功能,將使得服務間的調用,更加輕鬆、簡約、高效。 ...
  • 順序棧的介面程式 目錄順序棧的介面程式頭文件創建順序棧入棧出棧利用棧將10進位轉16進位數驗證 頭文件 #include <stdio.h> #include <stdbool.h> #include <stdlib.h> 創建順序棧 // 指的是順序棧中的元素的數據類型,用戶可以根據需要進行修改 ...
  • 前言 整理這個官方翻譯的系列,原因是網上大部分的 tomcat 版本比較舊,此版本為 v11 最新的版本。 開源項目 從零手寫實現 tomcat minicat 別稱【嗅虎】心有猛虎,輕嗅薔薇。 系列文章 web server apache tomcat11-01-官方文檔入門介紹 web serv ...
  • C總結與剖析:關鍵字篇 -- <<C語言深度解剖>> 目錄C總結與剖析:關鍵字篇 -- <<C語言深度解剖>>程式的本質:二進位文件變數1.變數:記憶體上的某個位置開闢的空間2.變數的初始化3.為什麼要有變數4.局部變數與全局變數5.變數的大小由類型決定6.任何一個變數,記憶體賦值都是從低地址開始往高地 ...
  • 如果讓你來做一個有狀態流式應用的故障恢復,你會如何來做呢? 單機和多機會遇到什麼不同的問題? Flink Checkpoint 是做什麼用的?原理是什麼? ...
  • C++ 多級繼承 多級繼承是一種面向對象編程(OOP)特性,允許一個類從多個基類繼承屬性和方法。它使代碼更易於組織和維護,並促進代碼重用。 多級繼承的語法 在 C++ 中,使用 : 符號來指定繼承關係。多級繼承的語法如下: class DerivedClass : public BaseClass1 ...
  • 前言 什麼是SpringCloud? Spring Cloud 是一系列框架的有序集合,它利用 Spring Boot 的開發便利性簡化了分散式系統的開發,比如服務註冊、服務發現、網關、路由、鏈路追蹤等。Spring Cloud 並不是重覆造輪子,而是將市面上開發得比較好的模塊集成進去,進行封裝,從 ...
  • class_template 類模板和函數模板的定義和使用類似,我們已經進行了介紹。有時,有兩個或多個類,其功能是相同的,僅僅是數據類型不同。類模板用於實現類所需數據的類型參數化 template<class NameType, class AgeType> class Person { publi ...
  • 目錄system v IPC簡介共用記憶體需要用到的函數介面shmget函數--獲取對象IDshmat函數--獲得映射空間shmctl函數--釋放資源共用記憶體實現思路註意 system v IPC簡介 消息隊列、共用記憶體和信號量統稱為system v IPC(進程間通信機制),V是羅馬數字5,是UNI ...