首页關閉layer子窗口

關閉layer子窗口

时间: 2023-08-23 16:15:38 浏览: 85

要关闭 layui 的子窗口，你可以使用 `layer.close(index)` 方法，其中 `index` 是子窗口的索引值。下面是一个示例代码，演示如何关闭 layui 的子窗口： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>关闭 layui 子窗口示例</title> <link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.css"> </head> <body>  <div class="layui-container"> <button class="layui-btn" onclick="openChildWindow()">打开子窗口</button> </div>  <script type="text/html" id="childWindowTemplate"> <div class="layui-layer-content"> <h2>子窗口内容</h2> <button class="layui-btn layui-btn-sm layui-btn-danger" onclick="closeChildWindow()">关闭子窗口</button> </div> </script> <script src="https://cdn.staticfile.org/layui/2.5.6/layui.js"></script> <script> // 打开子窗口 function openChildWindow() { var childWindowIndex = layer.open({ type: 1, title: '子窗口', content: $('#childWindowTemplate').html(), area: ['400px', '300px'] }); } // 关闭子窗口 function closeChildWindow() { layer.closeAll(); } </script> </body> </html> ``` 在上面的示例代码中，点击 "打开子窗口" 按钮会弹出一个 layui 的子窗口。子窗口中有一个 "关闭子窗口" 按钮，点击该按钮会调用 `closeChildWindow()` 函数来关闭子窗口。当调用 `layer.closeAll()` 方法时，会关闭所有的 layui 弹窗，包括子窗口和主窗口。如果你只想关闭特定的子窗口，可以使用 `layer.close(index)` 方法，其中 `index` 是子窗口的索引值。你可以在打开子窗口时记录子窗口的索引值，并在需要关闭子窗口时使用该索引值来关闭指定的子窗口。

阅读全文