使用Zurb基金會的「Unreveal」模式

Question

我在一個網站上使用Zurb基金會，我試圖獲得一個使用Reveal JS Plugin的模式窗口。我發現你可以在你傳遞給reveal()的參數中添加一個dismissModalClass選項，該參數將把一個事件處理程序附加到一個按鈕等，這將在點擊時關閉該模式。

有沒有辦法用Reveal手動關閉模態窗口？我希望能夠爲不同的自定義事件附加一個關閉方法。

Answer 1

你可以簡單地做這樣的事情

$('.close-reveal-modal','#myModal').click() 

UPDATE

通過插件的源代碼，看後動態觸發點擊在其他情況下，它看起來像他們綁定的事件到模態元素reveal:close。所以，你也可以做這樣的事情

$('.otherClose').click(function(){ 
    $('#myModal').trigger('reveal:close') 
})​ 

Here is a fiddle

Answer 2

你可以使用自己的jQuery插件jquery.foundation.reveal.js

$('#mymModal').reveal({ 
     dismissmodalclass: 'close-reveal-modal' //class name of button to close open dialog 
     } 
    }); 

Answer 3

您也可以使用以下命令：

$('#myModal').foundation('reveal', 'close');