單擊元素內部時檢測單擊外部點擊的功能

Question

我試圖關閉一個元素，當我檢測到元素本身之外的單擊時，但它似乎無論如何都會關閉元素，無論如何，只要點擊它。

編輯：想通了。

Answer 1

你在你的代碼有錯誤類（var container = $(".nav-container");），var container = $(".nav-container");應var container = $("#nav-container");你正在爲一類搜索導航容器，而不是一個ID， ＃= id，。 = class

Answer 2

試試這個腳本。

你正在使用的不是ID var container = $("#nav-container");這裏

$(document).mouseup(function (e) { 
     var container = $("#nav-container"); 
     if (!container.is(e.target) && container.has(e.target).length === 0) { 

     $('#nav-container').removeClass('open-nav'); 
     $('#mask').removeClass('active-mask'); 
     $('body').removeClass('no-overflow'); 
     } 
    });