layer.open詳解

一、layer.open回調

可以在layer.open函數調用時，通過回調函數來處理彈出層的事項。在回調函數中可以獲取到彈出層最終的狀態，進而做出相應的處理。

以下是layer.open回調函數的示例代碼：

layer.open({
  title: '提示',
  content: '確定要刪除嗎？',
  btn: ['確定', '取消'],
  yes: function(index, layero){
    // 用戶點擊了確定按鈕
    layer.close(index);
  },
  btn2: function(index, layero){
    // 用戶點擊了取消按鈕
    layer.close(index);
    return false;
  }
});

以上代碼中，我們定義了兩個按鈕：「確定」和「取消」，並分別對應了yes和btn2回調函數。在點擊按鈕後，相應的回調函數就會被調用，進行對應操作。

二、禁止執行layer.open的回調函數

有時候我們在調用layer.open時，希望回調函數的執行被禁止，例如對於某些惡意用戶可能會通過自己模擬「確定」按鈕的點擊來繞過一些安全機制。這時我們可以通過設置cancel屬性為function(){}來實現。

以下是禁止layer.open回調函數的示例代碼：

layer.open({
  title: '提示',
  content: '確定要刪除嗎？',
  cancel: function(index, layero){
    layer.close(index);
    return false;
  },
  btn: ['確定', '取消'],
  yes: function(index, layero){
    // 用戶點擊了確定按鈕
    layer.close(index);
  },
  btn2: function(index, layero){
    // 用戶點擊了取消按鈕
    layer.close(index);
    return false;
  }
});

三、layer.open content打開新頁面

有時候我們需要在彈出層中打開一個新頁面，可以通過設置type屬性為1，以及content屬性為具體的網址來實現。

以下是打開新頁面的layer.open示例代碼：

layer.open({

type: 1,

title: '新窗口',

content: '點擊我
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/233748.html