javascript - 点击空白关闭弹窗中的按钮关闭不生效？-PHP Chinese Network Q&A

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

javascript - 点击空白关闭弹窗中的按钮关闭不生效？

巴扎黑 2017-04-11 08:56:30

363

$(function() { $('#tag-btn1').click(function() { $('#second-tag-p1').addClass('second-tag-p-active'); $('.sidebar').addClass('z-index100'); $('#secondary-content1').addClass('display-block'); }); }); $(document).mouseup(function(e){ var _con = $(' #second-tag-p1 '); // 设置目标区域 if(!_con.is(e.target) && _con.has(e.target).length === 0){ $('.secondary-tag-container').removeClass('second-tag-p-active'); $('.sidebar').removeClass('z-index100'); $('.secondary-content').removeClass('display-block'); }; });

这是一个点击空白关闭弹窗的效果，但是，点击#tag-btn1不能关闭，后面我把.addClass更换为.toggleClass还是不能达到再次点击按钮关闭效果，toggle无效，也没有报错

巴扎黑

reply all (1)

巴扎黑2017-04-11 08:58:30 1 floor

$(document).mouseup(function(e){})和$('#tag-btn1').click(function() {}）两个事件在冒泡上有交集的，所以你可能要阻止一下，

$('#tag-btn1').click(function() { $('#second-tag-p1').addClass('second-tag-p-active'); $('.sidebar').addClass('z-index100'); $('#secondary-content1').addClass('display-block'); return false });