Закрытие меню при нажатии на фон?

Question

[yadscreech]

Добрый день, нужно чтобы дропменю закрывалось при клике на фон, уже все пробовал(отслеживатьь клик по родителю, отслеживать клик только когда меню открыто, абсолютно позиционировать доп. блок), не получается ничего сделать, помогите пожалуйста, или скиньте ресурс где что-то подобное расписано, заранее спасибо
Исходник

Comments

[0xD34F]

Исходник

Уже бегу качать (нет).

[Дмитрий]

А код в вопрос добавить религия не позволяет?!!

[WapSter]

На будущее, на вопрос "почему так происходит" еще можно скинуть ссылку на файл, но помогите разобраться с кодом вот вам архив дальше сами, только дайте готовый результат, никто проверять не будет, ну или очень упоротый

[poniyur]

Для закрытия дроп меню пишите отдельную функцию, которая только закрывает это меню.
На клик по фону вешаете эту функцию.
В чем проблема?

[yadscreech]

poniyur, в том что когда кликаешь на дочерний элемент, срабатывает нажатие и на него и на фон, меню открывается и моментально закрывается

[yadscreech]

Дмитрий, его много и мне кажется легче будет скачать и через инспектор глянуть, чем тут...

[yadscreech]

0xD34F, ну а вы предлагаете просто копировать страницы кода в вопрос? Мне то это не сложно сделать, но не уверен что вам будет так удобнее

[Шохрух Шаймардонов]

Не ленитесь, гуглите
Вот пример

[poniyur]

event.stopPropagation();
Событие не будет дальше распространяться на детей
попробуйте

[Дмитрий]

yadscreech, в таком случае удачи в поиске ответа.

Answer 1

[Шохрух Шаймардонов]

Не ленитесь, гуглите
Вот пример

Answer 2

[yadscreech]

$(document).mouseup(function (e) {
	    var container = $('ваш блок/обёртка/"белый фон"');
	    if (container.has(e.target).length === 0){
	       "Делаем тут что хотим с дочерними эл-ми и не только"
	    };
	});