type: 2, title: ["化妆品检测下单申请单", "text-align:center;font-size: 24px;"], area: ['86%', '90%'], content: '/A_OrderDetectsModule/A01_ProductOrderTest/CosmTestApplication', btn: ['导入', '重置', '保存', '生成委托单', '二次建单', '提交', '关闭'], maxmin: true, scrollbar: true, success: function (layero) { var btnLayer = layero.find('.layui-layer-btn'); btnLayer.css({ 'text-align': 'center', 'background-color': '#33ABA0', 'color': '#fff', 'border': 'none' }); var btnLayer = layero.find('.layui-layer-btn0'); btnLayer.css({ 'text-align': 'center', 'background-color': '#fff', 'color': '#202124', 'border': 'none' });点击按钮就关闭模态框
时间: 2024-02-14 16:33:24 浏览: 70
根据您提供的代码,点击按钮后导致模态框关闭的原因可能是因为在您的代码中没有添加按钮的点击事件处理程序,或者按钮的默认行为是关闭模态框。
您可以尝试为按钮添加点击事件处理程序,以控制按钮的行为。例如,您可以使用 `layer.close()` 方法来手动关闭模态框,或者在按钮的点击事件中执行其他逻辑。
以下是一个示例代码,展示了如何为按钮添加点击事件处理程序,并根据需要执行相应的操作:
```javascript
layer.open({
type: 2,
title: ["化妆品检测下单申请单", "text-align:center;font-size: 24px;"],
area: ['86%', '90%'],
content: '/A_OrderDetectsModule/A01_ProductOrderTest/CosmTestApplication',
btn: ['导入', '重置', '保存', '生成委托单', '二次建单', '提交', '关闭'],
maxmin: true,
scrollbar: true,
success: function(layero) {
var btnLayer = layero.find('.layui-layer-btn');
btnLayer.css({
'text-align': 'center',
'background-color': '#33ABA0',
'color': '#fff',
'border': 'none'
});
var btnLayer = layero.find('.layui-layer-btn0');
btnLayer.css({
'text-align': 'center',
'background-color': '#fff',
'color': '#202124',
'border': 'none'
});
// 获取按钮元素
var buttons = layero.find('.layui-layer-btn').children();
// 为按钮添加点击事件处理程序
buttons.eq(0).on('click', function() {
// 导入按钮点击事件处理逻辑
// ...
});
buttons.eq(1).on('click', function() {
// 重置按钮点击事件处理逻辑
// ...
});
buttons.eq(2).on('click', function() {
// 保存按钮点击事件处理逻辑
// ...
});
buttons.eq(3).on('click', function() {
// 生成委托单按钮点击事件处理逻辑
// ...
});
buttons.eq(4).on('click', function() {
// 二次建单按钮点击事件处理逻辑
// ...
});
buttons.eq(5).on('click', function() {
// 提交按钮点击事件处理逻辑
// ...
});
buttons.eq(6).on('click', function() {
// 关闭按钮点击事件处理逻辑
layer.closeAll();
});
}
});
```
在上述代码中,我们首先为模态框的每个按钮添加了一个点击事件处理程序,您可以在每个点击事件的回调函数中编写相应的逻辑。在示例中,我们为关闭按钮(索引为6)添加了一个点击事件处理程序,该处理程序使用 `layer.closeAll()` 方法来关闭模态框。
根据你的具体需求,你可以在每个按钮的点击事件处理程序中执行相应的逻辑,或者使用其他方法来关闭模态框。
希望这可以帮助到你!如果还有其他问题,请随时提问。
阅读全文