Как скрыть Z-индексированный div, если мы щелкаем по сторонам от div, который помещается в пользовательский элемент управления в jquery

Question

У меня есть div в usercontrol, и я показываю div, как я дал z-index и показываю в качестве пункта меню, и теперь, если я щелкаю по стороне z-индексированного div, тогда z-indexed div должен закрываться.

Answer 1

Вам потребуется обработать событие click родительского html-контейнера или, возможно, даже самого тела.

Для иллюстрации что-то вроде этого должно работать:

$(document).ready(function(){
   $("body").click(function(){
   // Check if a menu is displayed, if so hide it
   });
});

Вашему меню также понадобится какой-то механизм, чтобы указать, что оно открыто в данный момент, и ссылка на него, чтобы закрыть его.

В качестве альтернативы вы можете объявить глобальную функцию, которая закрывает любые открытые меню в событии щелчка.