$('.fujian').on('click', function() { var that = this; let html = ''; html += "<div style='color:#B6141A;line-height:40px'>注:第二次申报指企业曾参加过2020年北京市知识产权保险试点项目并已经获得申报补贴。</div>"; table = layer.tips(html, that, { tips: [3, '#fff'], time: 9999000, area: ['700px', '400px'], }); $('.layui-layer-content').css('height', '368px'); //火狐兼容 }); 点击空白处关闭
时间: 2023-12-30 15:03:46 浏览: 20
可以按照以下代码进行修改:
```
$(document).on('click', function(event) {
if (!$(event.target).closest('.fujian').length && !$(event.target).is('.fujian')) {
layer.closeAll();
}
});
$('.fujian').on('click', function(event) {
event.stopPropagation();
var that = this;
let html = '';
html += "<div style='color:#B6141A;line-height:40px'>注:第二次申报指企业曾参加过2020年北京市知识产权保险试点项目并已经获得申报补贴。</div>";
table = layer.tips(html, that, {
tips: [3, '#fff'],
time: 9999000,
area: ['700px', '400px'],
});
$('.layui-layer-content').css('height', '368px'); //火狐兼容
});
```
这样,当用户点击页面空白处时,就会关闭提示框。同时,为了避免点击 `.fujian` 元素时也会触发关闭提示框的逻辑,需要在 `.fujian` 元素上添加 `event.stopPropagation()` 来阻止事件冒泡。