Maison> interface Web> Tutoriel Layui> le corps du texte

layui弹窗怎么用

angryTom
Libérer: 2019-07-29 10:51:43
original
5268 Les gens l'ont consulté

layui弹窗怎么用

如果你想了解更多关于layui的知识,可以点击:layui教程

layui弹窗有三种类型,分别是:1、confim类型;2、open类型弹框;3、msg类型。下面为大家一一介绍一下,这些弹窗的使用方法。

1:confim类型使用方法

layui.use('layer', function(){ layer.confirm('是否立即上传卷宗信息?', { btn: ['是','否'], time: 200000, //20s后自动关闭 },function(index){ alert("这是点击确定按钮走的回调") layer.close(index); },function(){ alert("这是点击取消按钮走的回调") }); })
Copier après la connexion

2:open类型弹框,content参数可以是一个选择器也可以是一个路径

layer.open({ type : 1, title : "借阅时间", area : [ '450px', '300px' ], content : $("#borrowCase"), btn: ['确定', '取消'], yes: function(index){ alert("这是点击确定按钮走的回调") }, btn2: function(){ alert("这是点击取消按钮走的回调") }, end:function(){ alert('这是点击任一按钮都会走的回调') } }); layui.use('layer',function(){ var layer=layui.layer; layer.open({ type:2, title:'新增字段信息', area:['450px','300px'], content: "dictionary/addFiled?dictionaryId="+dictionaryId//字段类型 }) })
Copier après la connexion

3:msg类型

layer.msg('添加借阅成功', { time: 1500, //1500ms后自动关闭 });
Copier après la connexion

4:关闭弹窗

layer_close(index)关闭当前弹窗 parent.layer.closeAll()关闭所有的弹窗
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!