Как изменять класс по клику на body?

Question

[nen0y]

У меня есть кастомный селект. Когда он находится в состоянии "открыт", то клик на "body" должен закрывать его. Но данное условие должно происходить только тогда когда селект открыт. Как это сделать?

Answer 1

[Вадим]

1. При открытии селекта добавляем обработчик клика на боди отдельно созданной именованной функцией.
   
2. В обработчике клика на боди проверяем, открыт ли селект.
   
   1. Селект открыт - закрываем селект, удаляем обработчик клика с боди по имени функции
      
   2. Селект закрыт - где-то что-то пошло не по плану, так как селект закрыт, а обработчик ещё висит на боди. Удаляем этот обработчик с боди по имени функции
      
   
   
   

Comments

[nen0y]

function clickOnSelect() {
$('.select').hasClass('active') ?
$(document).on('click', 'body', function(){
window.location.href
}) : null
}

Написал такое решение, увы, не работает. Может подскажите в чем дело?

[nen0y]

Вадим, у меня еще должна перезагрузка страницы происходить, а из-за скрипта, оно вечную перезагрузку делает :D

[Вадим]

nen0y,
Вот демка где переключается класс active у селект по клику на селект и на body.
Про перезагрузку Вы в вопросе ничего не говорили.

[nen0y]

Вадим, спасибо