jQuery点击空白处隐藏弹出层

来源:互联网 发布:小米无人机 知乎 编辑:程序博客网 时间:2024/05/19 22:55

jQuery点击空白处隐藏弹出层


 $(function () {       $('#btnShow').click(function (event) {           //取消事件冒泡           event.stopPropagation();           //按钮的toggle,如果div是可见的,点击按钮切换为隐藏的;如果是隐藏的,切换为可见的。           $('#divTop').toggle('slow');   return false;     });       //点击空白处隐藏弹出层,下面为滑动消失效果和淡出消失效果。 $(document).click(function(event){  var _con = $('#divTop');   // 设置目标区域  if(!_con.is(event.target) && _con.has(event.target).length === 0){ // Mark 1//$('#divTop').slideUp('slow');   //滑动消失$('#divTop').hide(1000);          //淡出消失  }}); })

原创粉丝点击