如何以編程方式關閉打開的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模式框？

回答

相關問題