Jquery Если не существует Показать Div

Question

Jquery Если не существует Показать Div

0

Я пытаюсь создать модальный на моем сайте. Я так хочу, если 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 здесь

Iohannes 09 янв. 2014, в 04:08

Источник

0

Что не работает?
Edgar Villegas Alvarado 09 янв. 2014, в 02:40
0

где разметка
Arun P Johny 09 янв. 2014, в 02:44
0

@ Edgar Villegas Alvarado Ну, ни .fade, ни .modal-back div не показывают, когда я загружаю страницу.
Iohannes 09 янв. 2014, в 02:45
0

в строке 2 вам не хватает конца ) для оператора if. и вам не нужно важно для CSS
Adam Merrifield 09 янв. 2014, в 02:47
0

Обновлен с помощью jsfiddle
Iohannes 09 янв. 2014, в 02:48

Показать ещё 3 комментария

Теги:

javascript

jquery

modal-dialog

css

cookies

1 ответ

Ещё вопросы

@ Edgar Villegas Alvarado Ну, ни .fade, ни .modal-back div не показывают, когда я загружаю страницу.
в строке 2 вам не хватает конца ) для оператора if. и вам не нужно важно для CSS

Arun P Johny · Accepted Answer · 2014-01-09T01-16-00.000Z

Существует несколько синтаксисов и других проблем, попробуйте

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();
});

Демо: скрипка