Здравствуйте! Столкнулся со странной ситуацией: скрипт правильно работает на компе и на Windows Phone (!), а на Androi, iOS не правильно.
Как должно быть: модальное окно, которое появляется при клике на заголовок. Закрывается если кликаем куда угодно в окне, кроме заголовка от которого он выпал и клика на само окно. И при изменении размера окна браузера.
Проблема: на Android и iOS окно пропадает после прокрутки экрана(но не всегда). Работает не предсказуемо.
Вот код:
jQuery(document).ready(function () {
$(".category-header__title").on("click", function(){
//Появляется при клике
var offset = $(this).offset();
var offsetArrow = $(this).find(".h2-arrow-bottom").offset();
$(".rubrik__drop-list").css({"display":"block",
"top": offset.top+40,
"left": offset.left });
})
$("body").on("click", function (e) {
//Закрытие при клике куда угодно , кроме заголовка и самого окна
if ( ($(e.target).closest(".category-header").hasClass("category-header") == false) &&
($(e.target).closest(".rubrik__drop-list").hasClass("rubrik__drop-list") == false)
) {
$(".rubrik__drop-list").css({"display":"none"});
}
})
//Закрытие при изменении размера окна браузера
$(window).on("resize", function(){
$(".rubrik__drop-list").css({"display":"none"});
})
});
