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

2022-05-20  本文已影响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");//可以不加
            }
})
上一篇 下一篇

猜你喜欢

热点阅读