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

我正在使用Reveal jQuery插件。 http://www.zurb.com/playground/reveal-modal-plugin 如何以编程方式关闭打开的jquery.reveal.js模式框？

我需要以编程方式关闭模型框，当我完成它，但该功能不包括直接与插件。

“的代码在那里，只是需要把它挂到通过编程调用。”

2011-02-03 TJ McKenzie

你可以通过几种方法做到这一点。

触发通过jQuery一个点击dismissmodalclass元素上（默认为 '近距离揭示模态'）

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

此项添加到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()

来源

2011-02-16 20:09:56 Cory

完美地工作。我一直在使用trigger（）方法，但我更喜欢你的建议方法。谢谢。 – 2011-02-17 01:59:00

如果你的模式的ID是“揭示模态”，然后就这条线将做到这一点：

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

来源

2012-02-08 03:32:26 Silas

最佳解决方案+1 – 2012-08-16 12:01:05

由天保存...:-) – Rifky 2013-12-05 14:49:57

你能做到这一点，而你的登记显示DIV /元素。

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

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

来源

2012-06-27 09:34:15 vivekj011

模态类通常是'揭示模态'。所以改变查找来进行的，而不是基于ID是一流的，使得这个工作更多的情况下：

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

来源

2013-03-25 20:43:53

此代码的工作对我来说：$('#reveal-modal').trigger('reveal:close');

我有一个拉链文本字段，这是打开BUTTOM另一个弹出

来源

2013-04-11 09:53:36 Anil

$（'＃your_modal_box'）。foundation（'reveal'，'close'）;

作品zurb基础

来源

2014-08-27 14:21:25 vidalsasoon

我在老年基金会发现一个bug /拨打电话时显示库“显示：关闭”事件第二次对话被隐藏，并再次显示后 - 不工作。经过几个小时的调试，我发现下面的CSS黑客强制隐藏模式： $（“＃reveal-modal”）[0] .style.cssText =“visibility：hidden;”

来源

2017-01-03 04:26:41 user2002018

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

回答

相关问题