美文网首页
jquery点击空白区域收回下拉框

jquery点击空白区域收回下拉框

作者: 禾苗种树 | 来源:发表于2022-05-20 08:45 被阅读0次
    //html
    <div class="selebox">
                                    <div class="y_sz_sele">
                                        <p>请选择服务类型</p>
                                        <span ></span>
                                    </div>
                                    <ul>
                                        <li>xxx</li>
                                        <li>xxx</li>
                                        <li>xxx</li>
                                        <li>xxx</li>
                                        <li>xxx</li>
                                        <li>xxx</li>
                                    </ul>
       </div>
    
    // 点击其他区域隐藏下拉框
            $(document).mouseup(function (e) {
                var _con = $('.selebox ul');
                if (!_con.is(e.target) && _con.has(e.target).length === 0) {
                    $('.selebox ul').slideUp();
                    // $(".selebox").attr("data-type","0");//可以不加
                }
    })
    

    相关文章

      网友评论

          本文标题:jquery点击空白区域收回下拉框

          本文链接:https://www.haomeiwen.com/subject/hptfprtx.html