Я пытаюсь создать модальный на моем сайте. Я так хочу, если cookie не существует, модальные всплывают. Затем пользователь сможет выбрать, остановить ли модальное выскакивание для остальной части сеанса или не дать ему снова показать неопределенно. Поэтому я хотел бы, чтобы скрипт проверял, существует ли файл cookie, и затем предпринимайте необходимые действия. Я, по общему признанию, плохой в JQuery, но я в спешке... Мой код:
var points_modal = $.cookie('points-modal');
if (typeof points_modal == "undefined" {
$('.fade').css( "display", "block !important");
$('.modal-back').css( "display", "block !important");
} else {
$('.fade').show(); // hidden or cookie is not set, set just in case
$('.modal-back').show();
$.removeCookie('points-modal'); // prevent multiple instances
$.cookie('points-modal', 'show'); // update (or set) the cookie
}
if (points_modal == "never") {
$('fade').hide();
$('.modal-back').hide();
}
//Clicks
$('never').click(function () {
$.removeCookie('points-modal');
$.cookie('points-modal', 'never', {
expires: 999
});
});
});
Модальный изначально имеет отображение: скрытое. Кроме того, есть ли способ заставить эффект fadeIn работать? Благодарю.
Просмотр JSFiddle здесь
Существует несколько синтаксисов и других проблем, попробуйте
var points_modal = $.cookie('points-modal');
//show the modal if the cookie is not set to never
if (points_modal != "never") {
$('.fade').show();
$('.modal-back').show();
}
$('#never').click(function () {
$.removeCookie('points-modal');
$.cookie('points-modal', 'never', {
expires: 999
});
//hid the modal
$('.fade').hide();
$('.modal-back').hide();
});
Демо: скрипка