layui点击按钮之后如何关闭弹框并重新加载界面

你可以在点击按钮时，先关闭弹框，然后在关闭弹框的回调函数中，使用 `location.reload()` 方法重新加载页面。

示例代码如下：

// 关闭弹框
layer.closeAll('page');

// 重新加载页面
location.reload();

注意：以上代码需要在 layui 中使用。如果你没有引入 layui，或者不知道如何使用 layui，可以先学习一下 layui 的基础知识。

相关问题

layui.open一个弹框跟随另一个弹框

`layui.open`是layui框架中的一个方法，用于弹出窗口或对话框。在layui中，如果你想创建一个弹框并且让它跟随另一个弹框移动，你可以使用`layModal`或`laylayer`插件，这两个都是layui的扩展模块，提供了更丰富的弹窗功能。

要实现一个跟随效果，你可以设置弹框的属性`skin`，例如`layui-layer-moved`，这样弹框会在显示时自动定位到最近的具有相同皮肤（如`layui-layer-shake`）的弹框。另外，你还可以利用`offset`属性来自定义跟随的位置。

以下是一个简单的例子：

layui.use('layer', function () {
    var layer = layui.layer;
    
    // 第一个弹框
    layer.open({
        type: 2, // 弹框类型，一般为2表示加载页面
        title: '弹框1',
        skin: 'layui-layer-moved', // 设置跟随
        shade: 0.5, // 半透明遮罩层
        shadeClose: true, // 遮罩关闭按钮
        area: ['auto', 'auto'], // 自适应尺寸
        content: '这是第一个弹框的内容',
        success: function(index) {
            // 当第一个弹框打开后，再打开第二个弹框，并跟随第一个弹框
            layer.open({
                type: 2,
                title: '弹框2',
                skin: 'layui-layer-shake', // 使用与第一个不同的皮肤
                offset: ['0', layer.offset(index).top], // 让第二个弹框跟随第一个的位置
                content: '这是第二个弹框的内容',
            });
        }
    });
});

layui 弹框里面的按钮

layui是一个轻量级的前端 UI 框架，它提供了简洁易用的 API 来创建和定制弹框（laybox）。layui的弹框通常包含一个或多个按钮，这些按钮可以根据需求设置不同的功能，例如确认、取消、提交等。以下是一些常见的按钮及其用途：

1. **确定按钮**（ok 或 confirm）：用户点击后执行确定操作，一般用于确认对话框或表单提交前的确认操作。

2. **取消按钮**（cancel 或 close）：用户点击后关闭弹框，不执行任何默认操作。

3. **提交按钮**（submit 或 save）：在表单相关的弹框中，用于提交表单数据到服务器。

4. **加载按钮**（loading 或 process）：显示加载状态，当数据正在处理或加载时，让用户知道操作正在进行。

5. **自定义按钮**：开发者还可以根据应用需求自定义按钮类型和回调函数，例如执行某个特定的操作或者跳转到其他页面。

每个按钮可以通过配置对象来定义，包括文本、图标、样式、事件处理函数等。使用layui时，可以通过`laybox.open`方法打开弹框，并在配置对象中指定按钮选项。例如：

layui.use('laybox', function () {
    var laybox = layui.laybox;
    laybox.open({
        type: 1, // 弹框类型，1表示普通对话框
        title: '提示信息',
        content: '这是一段内容...',
        btn: ['确定', '取消'], // 定义按钮数组
        btnAlign: 'c', // 按钮对齐方式，如'c'居中
        skin: 'layui-layer-rim', // 自定义样式
        btnClose: true, // 是否允许点击遮罩关闭
        done: function (index, layero, obj) { // 确定按钮的回调
            console.log(obj.index); // 获取点击的按钮索引
        },
        cancel: function (index, layero, obj) { // 取消按钮回调
            //...
        }
    });
});