Содержание
Доброго времени, друзья! Сегодня, на почту, мне пришло письмо от моего коллеги в прошлом, с просьбой помочь ему написать скрипт, который бы по клику в любом месте страницы, удалял определенный класс.
Созвонились, побеседовали, и я ему говорю – возьми с моего блога, он именно то что тебе нужно. И поэтому поводу, пишу статью, мало ли кому еще пригодится такой скрипт в работе, ведь задачи всегда разные. И так, сам скрипт!
Скрипт удаление класса по клику
$(document).mouseup(function(e) {
var container = $('.search-top-wrapp.search-open'); // Указываем у какого блока / класса убираем
if (container.has(e.target).length === 0) {
container.removeClass('search-open'); // Какой класс убираем
}
});Надеюсь, что этот, хоть и маленький гад, принесет кому-то радость, и искать какое-то другое решение больше ни где не нужно было. Скрипт прекрасно работает на мобильных девайсах, проверяли вместе.
Читайте также:
- Как с помощью jQuery добавить атрибут к элементу при клике
- jQuery: подмена контента на сайте в зависимости от ГЕО
- Плавная прокрутка к якорю jquery со смещением и скоростью анимации
Пример
Воочию, как это дело работает, можете посмотреть, кликнув по иконке поиска в правом верхнем углу сайта.
На сегодня словарный запас закончился :). До встречи в следующей новости!
