У меня на сайте есть баннер с предупреждением о cookie-файлах, который я хочу показать пользователям, которые его еще не видели (проверьте наличие cookie-файлов cookie и, если нет, покажите баннер).Проблема заключается в том, что это используется для работы с функцией window.onload, однако в последнее время никогда не запускается window.onload.Если я использую document.ready, баннер мигает в верхней части экрана, прежде чем придерживаться нижней части, где он должен быть.
Я бы установил тайм-аут для функции, однако, если это проблема загрузки фундамента, флэш-память все равно будет возникать при медленной загрузке.
Существует ли функция обратного вызова Foundation, такая как foundation.ready, которую я могу использовать для вызова этой функции?
.container#cookieTin(data-sticky-container)
.cookiebanner.is-hidden.sticky(in-view="$inview == false ? cookieAccept() : '' ", data-sticky='', data-stick-to="bottom", data-options="stickyOn: small;", data-margin-bottom="0", data-closable )
.small-12.medium-6.columns
strong !{ __("cookie.line_1")}
br
span !{ __("cookie.line_2")}
.small-12.medium-6.columns
a.cookieButton.button !{ __("cookie.line_3")}
button.close-button.cookieButton(aria-label='Close alert', type='button', data-close)
span(aria-hidden='true') ×
JS:
function showCookieBanner() {
$('.cookiebanner').removeClass("is-hidden");
}
$(document).ready(function () {
$(".cookieButton").click(function () {
closePopup();
});
var closePopup = function () {
$('.cookiebanner').css("display", "none");
createCookie('cookieInformation', 'seen', '15');
return false;
}
if (getCookie('cookieInformation') == null) {
showCookieBanner();
}
});
Я пытался добавить класс .no-js безрезультатно, а также eventListeners.