.not() function in jQuery

Question

У меня есть две кнопки на моей форме. Пользователь нажимает на любую из кнопок, и выпадающее изображение отображается для соответствующей кнопки. Теперь пользователь щелкает случайным образом в любом месте формы. Поэтому теперь я хочу, чтобы выпадающее меню было скрыто.

Мой код имеет:

$('html').not("button.btn.dark.dropdown.copy").on 'click', (e) -> 
    if $('ul.drop-menu.copy-menu').css('display') != 'none' 
     $('ul.drop-menu.copy-menu').hide() 

$('html').not("button.btn.dark.dropdown.move").on 'click', (e) -> 
    if $('ul.drop-menu.move-menu').css('display') != 'none' 
     $('ul.drop-menu.move-menu').hide() 

В приведенном выше коде, он отлично работает для кнопки перемещения, но не работает кнопка копирования. Я не могу найти причину этого. Любая помощь приветствуется.

Answer 1

Проверить Ближайшей целью с в селекторе,

Пусть ваше всплывающее окно показывает содержимое внутри .popup класс затем использовать это имя класса для проверки целевого

$('body').click(function (e) { 
    if (!$(e.target).closest('.popup').length) { // exists only when you click on popup area otherwise will return false and will hide popup 
     $('ul.drop-menu.move-menu').hide() 
    } 
})