點擊彈出層外的部分彈出層消失的幾種寫法


$(".dropdown-text,.dropdown-content-blue").click(function (e) {
     $(".dropdown-text").removeClass("active");
     $(".dropdown-text").addClass("active");
     $(".dropdown-content-blue").show();
     e.stopPropagation();//阻止冒泡
});
//寫法一
$(document).click(function (e) { $(".dropdown-text").removeClass("active"); $(".dropdown-content-blue").hide(); e.stopPropagation(); }); //寫法二 $(document).click(function (e) {   if(!$(e.target).hasClass("dropdown-content-blue")){     $(".dropdown-text").removeClass("active"); $(".dropdown-content-blue").hide();   } }); //寫法三 $(document).click(function (e) {   if(!$(e.target).closest(".dropdown-content-blue").length){   $(".dropdown-text").removeClass("active"); $(".dropdown-content-blue").hide();   } });

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM