美文网首页
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