点击页面其它地方关闭弹出层

「爱情、让人受尽委屈。」 2022-02-22 21:10 344阅读 0赞

$(".statusoption").click(function () {
            $(this).children().toggle();
        })
        $('body').click(function(e) {
            if(e.target.type != 'button')
                if ( $('.tipse').is(':visible') ) {
                    $('.tipse').hide();
                }
        })

<style>
    .tipse{position: absolute;z-index: 55; padding-top: 20px; display: none; cursor: auto; top: 35px; right: 13px; width: 300px; font-size: 11px !important; text-align: left; border: 1px solid #5c4ff4; background-color:#ffffff}
    .layui-text{ font-size: 12px; line-height: 16px;}
    .layui-timeline-item{ padding-bottom:15px;}
    .layui-timeline-item:first-child{ padding-bottom: 20px;}
    </style>
    
    <button type="button" class="btn btn-sm btn-outline-primary statusoption" style="position: relative;">已达到
                                    <div class="row tipse">
                                        <div class="col-md-12">
                                            <ul class="layui-timeline">
                                                {volist name='val.jianlikuoption' id='v'}
                                                    <li class="layui-timeline-item">
                                                        <i class="layui-icon layui-timeline-axis"></i>
                                                        <div class="layui-timeline-content layui-text">
                                                            <h4 class="layui-timeline-title">{$v.clname} <span style="float: right;color: #b3b3b3">{$v.cl_time|date='Y-m-d H:i:s',###}</span></h4>
                                                            <span>{$v.cl_desc}</span>
                                                        </div>
                                                    </li>
                                                {/volist}
                                             </ul>
                                        </div>
                                    </div>
                                </button>

发表评论取消回复

表情：

评论列表（有 0 条评论，344人围观）

还没有评论，来说两句吧...

相关阅读

相关 layui点击提交后弹出成功信息并关闭layer层

一. 问题背景前端：jsp页面有一个’编辑信息‘的表单，点击’提交‘，使用ajax发送请求，后台处理请求后返回给ajax的success，并弹出处理的信息并关闭窗口

谁借莪１个温暖的怀抱￠/ 2023年07月12日 14:48/ 0 赞/ 9 阅读

相关 layer.js的弹出层点击确认跳转页面

代码如下： layer.open({ content: '感谢您参与本次活动！',

逃离我推掉我的手/ 2022年07月14日 15:52/ 0 赞/ 242 阅读

相关 layer.js的弹出层点击确认跳转页面

代码如下： layer.open({ content: '感谢您参与本次活动！',

深碍√TFBOYSˉ_/ 2022年07月14日 15:52/ 0 赞/ 229 阅读

相关 jQuery点击空白处隐藏弹出层

jQuery点击空白处隐藏弹出层 $(function () { $('btnShow').click(function (event) { //取消事

痛定思痛。/ 2022年06月13日 01:12/ 0 赞/ 425 阅读

相关点击div层之外的其他地方关闭弹出层

$("html").bind("click",function()\{　　var evt = event.srcElement ? event.srcElement : e

朱雀/ 2022年06月06日 00:42/ 0 赞/ 278 阅读

相关 layer弹出层关闭后刷新父页面

window.parent.location.reload(); //刷新父页面 var index = parent.layer.getFrameI

亦凉/ 2022年06月04日 01:25/ 0 赞/ 265 阅读

相关 layui关闭弹出层刷新父页面

当layui关闭弹出层时会调用layer.open()方法的end属性然后刷新代码就写在这个属性里面 layer.open({ type: 2,

Love The Way You Lie/ 2022年03月27日 01:52/ 0 赞/ 590 阅读

相关 JavaScript点击弹出遮罩层

JavaScript点击弹出遮罩层开发工具与关键技术：DW与JS 作者：戴怡斌撰写时间：2019年1月18日下面我

小咪咪/ 2022年03月25日 05:51/ 0 赞/ 511 阅读

相关点击页面其它地方关闭弹出层

$(".statusoption").click(function () { $(this).children().toggle();

「爱情、让人受尽委屈。」/ 2022年02月22日 21:10/ 0 赞/ 345 阅读

相关 layer弹出层内点击确认提交数据并关闭弹出层

$.ajax({ url: "json/DeductScore.ashx", type:

心已赠人/ 2021年09月15日 07:26/ 0 赞/ 847 阅读