layer.open({ type: 2, title: '模态框示例', area: ['400px', '300px'], content: '/Main/MT1', btn: ['确定', '取消', '按钮3', '按钮4'], maxmin: true, scrollbar: false, success: function (layero) { var btnLayer = layero.find('.layui-layer-btn'); btnLayer.css({ 'text-align': 'center', 'background-color': '#33ABA0', 'color': '#33ABA0', 'border': 'none' }); } });我想让它点击确定按钮不用关闭模态框,
时间: 2023-08-20 12:06:16 浏览: 97
layer.min.js源码和CDN使用
要实现点击确定按钮不关闭模态框,您可以在确定按钮的点击事件处理程序中阻止默认的关闭行为。以下是一个修改后的示例代码:
```javascript
layer.open({
type: 2,
title: '模态框示例',
area: ['400px', '300px'],
content: '/Main/MT1',
btn: ['确定', '取消', '按钮3', '按钮4'],
maxmin: true,
scrollbar: false,
success: function(layero) {
var btnLayer = layero.find('.layui-layer-btn');
btnLayer.css({
'text-align': 'center',
'background-color': '#33ABA0',
'color': '#33ABA0',
'border': 'none'
});
// 获取按钮元素
var buttons = btnLayer.children();
// 为确定按钮添加点击事件处理程序
buttons.eq(0).on('click', function() {
// 确定按钮点击事件处理逻辑
// ...
// 阻止默认的关闭行为
return false;
});
// 为其他按钮添加点击事件处理程序
buttons.eq(1).on('click', function() {
// 取消按钮点击事件处理逻辑
// ...
});
buttons.eq(2).on('click', function() {
// 按钮3点击事件处理逻辑
// ...
});
buttons.eq(3).on('click', function() {
// 按钮4点击事件处理逻辑
// ...
});
}
});
```
在上述代码中,我们为确定按钮添加了一个点击事件处理程序,并在处理程序中执行您想要的逻辑,然后使用 `return false;` 阻止默认的关闭行为。
请注意,根据您的实际需求,您可以在确定按钮的点击事件处理程序中添加逻辑代码来替代注释部分的示例代码。
希望这可以解决您的问题!如果还有其他问题,请随时提问。
阅读全文