Question

我正在使用Reveal jQuery插件。 http://www.zurb.com/playground/reveal-modal-plugin

我需要以编程方式关闭模型框，但是该功能不直接包含在插件中。

“代码在那里，只需要将它连接起来以编程方式调用。”

Answer 1

如果你的模态的id是'reveal-modal'，那么这一行就可以了：

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

Answer 2

你可以通过几种方式实现。

在dismissmodalclass元素上通过jquery触发一次点击（默认为'close-reveal-modal'）

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

OR

将此添加至reveal.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()

Answer 3

模态类通常是'reveal-modal'。所以将查找更改为基于类而不是基于id，使得这适用于更多情况：

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

Answer 4

您可以在注册显示div /元素时执行此操作。

假设，[reveal-div]您正在注册透露。并且假设您有一个按钮/ div [close-reveal] onclick，您要关闭它的显示。然后将[close-reveal]作为[dismissModalClass]传递，如下所示。

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

Answer 5

此代码适用于我：$('#reveal-modal').trigger('reveal:close');

我有一个zip文本字段和一个正在打开另一个弹出窗口的按钮

Answer 6

$（＆＃39;＃your_modal_box＆＃39;）。基础（＆＃39;揭示＆＃39;，＆＃39;关闭＆＃39;）;

适用于zurb基金会</ p>

Answer 7

在隐藏对话框并再次显示后第二次调用'reveal：close'事件时，我发现了旧版基础/揭示库中的一个错误 - 无效。经过几个小时的调试后，我发现了以下强制隐藏模态的CSS hack： $（“＃reveal-modal”）[0] .style.cssText =“visibility：hidden;”

如何以编程方式关闭打开的jquery.reveal.js模式框？

7 个答案: