Как программно закрыть открытый текстовый поле jquery.reveal.js?

Я использую плагин Reveal jQuery. http://www.zurb.com/playground/reveal-modal-plugin

Мне нужно программно закрыть окно модели, когда я покончу с этим, однако эта функция не включается напрямую с плагином.

По словам Дейва на странице ,

"Код там, просто нужно подключить его к программному программированию".

Ответ 1

Если ваш модальный идентификатор является 'open-modal', тогда только эта строка сделает это:

$('#reveal-modal').trigger('reveal:close');

Ответ 2

Вы можете сделать это несколькими способами.

Запустите щелчок через jquery на элементе rejectmodalclass (по умолчанию "close-open-modal" )

 $('.close-reveal-modal').click();

ИЛИ

Добавьте это в show.js

$.fn.hideModal = function(options){
  var self        = this,
      modal       = $(self),
      topMeasure  = parseInt(modal.css('top'));
  $('.reveal-modal-bg').css({'display' : 'none'});      
  modal.css({'visibility' : 'hidden', 'top' : topMeasure});
}

и используйте

$('#your_modal_box').hideModal()

Ответ 3

Класс модалов обычно "раскрывает-модальный". поэтому изменение поиска на основе класса, а не на основе id, делает эту работу для большего числа случаев:

$('.reveal-modal').trigger('reveal:close');

Ответ 4

Вы можете сделать это, зарегистрировав свой div div/element.

предположим, [раскрывать-div] вы регистрируетесь для выявления. И предположим, что у вас есть одна кнопка /div [close-discovery] onclick, из которой вы хотите закрыть свое раскрытие. Затем пропустите [close-discovery] как [rejectModalClass], как показано ниже.

    $('.reveal-div').reveal({           
        dismissModalClass : "close-reveal"
    });

Ответ 5

$('# your_modal_box'). foundation ('открыть', 'закрыть');

работает для создания zurb

Ответ 6

Этот код работает для меня: $('#reveal-modal').trigger('reveal:close');

У меня было текстовое поле zip и buttom, который открывал еще один всплывающий

Ответ 7

Я обнаружил ошибку в старой библиотеке Foundation/раскрыть при вызове события "раскрыть: закрыть" второй раз после того, как диалог был скрыт и снова показан - не работает. После нескольких часов отладки я нашел следующий CSS-хак, который принудительно скрывает модальность: $ ( "# show-modal" ) [0].style.cssText = "visibility: hidden;"