Почему пропадает popup?

Question

[Александр Nameless08]

Всем привет!

В фильтре сделал выпадающий уровень: фильтр по дате. Необходимо было сделать, чтобы он пропадал по клику вне области. Эту задачу решил след образом:

$(document).on('click', function(e) {
      if (!$(e.target).closest('.js-filter-dropdown').length && !$(e.target).hasClass('js-toggle-dropdown')) {
        $('.js-toggle-dropdown').each(function(){ 
          $(this).removeClass('js-toggle-dropdown-active');
        });
        $('.js-filter-dropdown').each(function(){ 
          $(this).removeClass('js-toggle-dropdown-open');
          $(this).fadeOut(300);
        });
      };
    });

Все бы хорошо, но есть проблемы с календарем именно почему-то в местах стрелок:
Использую datepicker из jqueryUi
Если на них нажимать то всплывающее окно тоже пропадает. В любом другом месте, будь то календарь или нет - все ок. В чем может быть дело?

Answer 1

[Юпитер Макс]

вот так попробуйте сделать

$('body').click(function(event){
		if ($(event.target).closest('// тут напишите класс, который не должен реагировать на клик вне области').length) return;
		$('// тут класс у которого надо удалить что-то').removeClass('// тут класс для удаления');
		event.stopPropagation();	
	});

Comments

[Александр Nameless08]

Вот так?

$('body').click(function(e){

      if ($(e.target).closest('.js-filter-dropdown').length) return;
      if ($(e.target).hasClass('js-toggle-dropdown')) return;

        $('.js-toggle-dropdown').each(function(){ 
          $(this).removeClass('js-toggle-dropdown-active');
        });

        $('.js-filter-dropdown').each(function(){ 
          $(this).removeClass('js-toggle-dropdown-open');
          $(this).fadeOut(300);
        });

      event.stopPropagation();  

    });

[Александр Nameless08]

Проблема осталась, скрывает

[Юпитер Макс]

Александр Nameless08, я же вам написал пример. Просто свои классы поставьте

[Александр Nameless08]

Юпитер Макс, не помогает в общем ваш вариант.

Answer 2

[FalseCode]

Сделай стрелки не ссылками

Comments

[Александр Nameless08]

а что изменится?

[FalseCode]

Александр Nameless08, перестанет пропадать "попап"

[Александр Nameless08]

FalseCode, это хорошо! А как в нем это сделать datepicker

[Александр Nameless08]

FalseCode, мне нравится ваш прогноз. Но скажите мне какая физика этого всего? Полюбому там у ссылок стандартное поведение отключено. Тогда в чем дело?

[FalseCode]

Александр Nameless08, стандартное действие там не отменено. Отмени своим скриптом

[Александр Nameless08]

FalseCode, тоже не помогло