9 июня 2021 в 13:12
Приветствую специалистов по фронтэнду.
Хочу заблурить фон сайта при вызове колорбокса. Как на этом сайте http://www.maraship.ru/ -вверху "Оставить заявку" и фон раплывается.
Сформировал такой скрипт:
(function($) {
Drupal.behaviors.mytheme3Behavior = {
attach: function(context, settings) {
Drupal.behaviors.mytheme3Behavior = {
attach: function(context, settings) {
$.colorbox({
onComplete: function() {
$("body").addClass("blured");
},
onCleanup: function() {
$("body").removeClass("blured");
}
});
}
};
})(jQuery, Drupal);
Скрипт работает, нужный класс добавляет,
НО:
как только страница открывается - сразу происходит блыманье Колорбокса. Даже если ничего не нажимаю.
Может я неправильно скрипт сформировал?
Комментарии
А onComplete и onCleanup ты из документации взял? Уверен, что правильно использовал?
Как-то
через гландыдлинным путём пошёл. Зачем jQuery, почему просто не добавитьbackdrop-filter: blur(5px);на #cboxOverlay?onComplete и onCleanup - взял из https://www.jacklmoore.com/colorbox/
Правильно ли не знаю. По этим событиям класс добавляет и убирает.
backdrop-filter - я только за!
https://caniuse.com/css-backdrop-filter
Вот только в Firefox он работает после некоторых настроек браузера.