首頁 web前端 Layui教程 layui怎麼用open屬性隱藏按鈕

layui怎麼用open屬性隱藏按鈕

Nov 24, 2020 am 09:53 AM
layui open 按鈕

layui用open屬性隱藏按鈕的方法:可以透過在【layer.open】方法中加入樣式【closeBtn:0】來實現,layer提供了兩種風格的關閉按鈕,可以透過配置1和2來展示。

layui怎麼用open屬性隱藏按鈕

本教學操作環境:windows10系統、layui2.5.6版,此方法適用於所有品牌電腦。

(學習影片分享:javascript影片教學

layui用open屬性隱藏按鈕的方法:

方法:

可以在layer.open方法中加入closeBtn:0樣式來實現隱藏。

closeBtn - 关闭按钮
登入後複製

類型:

String/Boolean,預設:1

layer提供了兩種風格的關閉按鈕,可透過配置1和2來展示,如果不顯示,則closeBtn: 0

範例:

layui.use('layer', function () {

        var layer = layui.layer;

        layer.open({
            skin: 'demo-class',
            type: 1,
            title: '登录',
            area: ['600px', '700px'],
            closeBtn :0,
            content: $('.login')//这里content是一个普通的String
        });
    });
登入後複製

相關推薦:layui

以上是layui怎麼用open屬性隱藏按鈕的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

layui登陸頁怎麼設定跳轉 layui登陸頁怎麼設定跳轉 Apr 04, 2024 am 03:12 AM

layui 登入頁面跳轉設定步驟:新增跳轉代碼:在登入表單提交按鈕點選事件中新增判斷,成功登入後透過 window.location.href 跳到指定頁面。修改 form 配置:在 lay-filter="login" 的 form 元素中新增 hidden 輸入字段,name 為 "redirect",value 為目標頁面位址。

layui怎麼取得表單數據 layui怎麼取得表單數據 Apr 04, 2024 am 03:39 AM

layui 提供了多種取得表單資料的方法,包括直接取得表單所有欄位資料、取得單一表單元素值、使用formAPI.getVal() 方法取得指定欄位值、將表單資料序列化並作為AJAX 請求參數,以及監聽表單提交事件獲取資料。

為什麼我的筆記型電腦在按下電源按鈕後無法啟動? 為什麼我的筆記型電腦在按下電源按鈕後無法啟動? Mar 10, 2024 am 09:31 AM

您的Windows筆記型電腦無法啟動的原因可能有很多。記憶體故障、電池耗盡、電源按鈕故障或硬體問題都是常見原因。下面提供了一些解決方案,幫助您解決這個問題。按下電源按鈕後筆記型電腦無法啟動如果您的Windows筆記型電腦在按下電源按鈕後仍無法啟動,您可以採取以下步驟來解決問題:你的筆記本充滿電了嗎?執行硬重置清理你的筆記型電腦重新拔插內存透明的CMOS型電池帶上你的筆記型電腦去修理。 1]您的筆記型電腦充滿電了嗎?首先要做的事情是檢查您的筆記型電腦是否已經完全充電。如果電池耗盡,筆記型電腦將無法啟動

iPhone 16長什麼樣子? iPhone 16有哪些變化? iPhone 16長什麼樣子? iPhone 16有哪些變化? Apr 07, 2024 pm 05:10 PM

iPhone15系列發表後,有關蘋果新品iPhone16的外觀和配置相關爆料就沒斷過。 iPhone16長什麼樣? iPhone16有改進嗎?近日,有海外部落客展示了iPhone16系列機型的設計,整體設計和iPhone15系列基本上相同。從圖片中可以看到,iPhone16系列全系標配了一個全新的「拍攝」按鈕,讓使用者更方便地進行拍照。此外,其它設計細節暫時還不得而知。訊息顯示,這顆新增的按鈕將用於拍攝視頻,位於電源按鈕下方。以往的消息曾提到其可能是一顆電容式固態按鈕,但最近的說法顯示這應該還是一顆

解決IE瀏覽器按鈕無回應的方法 解決IE瀏覽器按鈕無回應的方法 Jan 30, 2024 am 10:48 AM

IE瀏覽器點擊網頁按鈕沒反應怎麼辦?我們在點擊網頁按鈕沒有反應的話,可以在相容性視圖中進行設定!有小夥伴在使用IE瀏覽器的時候,發現點擊網頁中的按鈕,瀏覽器不會有任何的反應,這樣我們就無法使用該網頁的功能,我們可以怎麼樣設置,小編下面整理了IE瀏覽器點擊網頁按鈕沒有反應解決方法,不會的話跟著我一起往下看吧! IE瀏覽器點選網頁按鈕沒有反應解決方法1、開啟IE瀏覽器,點選操作列上【工具】按鈕,並點選【相容性檢視】設置,如圖所示。 2.在【相容性檢視】設定頁面中,點選右邊的【新增】按鈕,將該網站填入,

如何在 iPhone 15 Pro 和 15 Pro Max 上停用操作按鈕 如何在 iPhone 15 Pro 和 15 Pro Max 上停用操作按鈕 Nov 07, 2023 am 11:17 AM

Apple在iPhone15Pro和15ProMax中帶來了一些Pro獨有的硬體功能,吸引了所有人的注意。我們正在談論鈦合金框架、時尚的設計、全新的A17Pro晶片組、令人興奮的5倍長焦鏡頭等等。在iPhone15Pro機型添加的所有花里胡哨的功能中,操作按鈕仍然是一個突出和突出的功能。毋庸置疑,它是在iPhone上啟動操作的有用補充。也就是說,您可能會不小心按住“操作”按鈕並無意中觸發功能。坦白說,這很煩人。要避免這種情況,您應該停用iPhone15Pro和15ProMax上的操作按鈕。讓

layui跟vue有啥差別 layui跟vue有啥差別 Apr 04, 2024 am 03:54 AM

layui與Vue的差異主要體現在功能和關注點上。 layui專注於快速開發UI元素,提供預製元件簡化頁面建置;而Vue則是全端框架,注重資料綁定、元件化開發和狀態管理,更適合建構複雜應用程式。 layui學習簡單,適合快速建立頁面;Vue學習曲線陡峭,但有助於建立可擴展且易於維護的應用程式。根據專案需求和開發者技能水平,可以選擇合適的框架。

layui如何實現自適應 layui如何實現自適應 Apr 26, 2024 am 03:00 AM

透過使用layui框架的響應式佈局功能,可以實現自適應佈局。步驟包括:引用layui框架。定義自適應佈局容器,設定layui-container類別。使用響應式斷點(xs/sm/md/lg)隱藏特定斷點下的元素。利用網格系統(layui-col-)指定元素寬度。透過偏移量(layui-offset-)建立間距。使用響應式實用工具(layui-invisible/show/block/inline)控制元素的可見性和顯示方式。

See all articles