layui 标签a 弹窗
时间: 2023-11-16 12:14:10 浏览: 227
layui实现二维码弹窗、并下载到本地的方法
在 layui 中,可以通过 layer 模块来实现弹窗的功能。
HTML 代码:
```html
<a href="javascript:;" class="layui-btn" id="open-layer">弹窗</a>
```
JavaScript 代码:
```javascript
// 引入 layer 模块
layui.use('layer', function() {
var layer = layui.layer;
// 监听弹窗按钮的点击事件
$('#open-layer').click(function() {
layer.open({
type: 1, // 弹窗类型,0:信息框,1:页面层,2:iframe层,3:加载层,4:tips层
title: '弹窗标题', // 弹窗标题
area: ['500px', '300px'], // 弹窗大小
content: '这里是弹窗内容', // 弹窗内容,支持 HTML
shadeClose: true // 点击遮罩层是否关闭弹窗
});
});
});
```
上面的代码中,我们首先通过 `layui.use()` 方法引入了 layer 模块,然后监听了弹窗按钮的点击事件,当点击按钮时,调用 `layer.open()` 方法来打开弹窗。在 `layer.open()` 方法中,我们指定了弹窗的类型、标题、大小、内容以及点击遮罩层是否关闭弹窗。
阅读全文