2012-07-11 2 views
8

사이트에서 Zurb Foundation을 사용하고 있으며 Reveal JS Plugin으로 작업하는 모달 창을 얻으려고했습니다. 버튼에 이벤트 핸들러를 첨부하여 클릭시 모달을 닫을 reveal()에 전달하는 매개 변수에 dismissModalClass 옵션을 추가 할 수 있습니다.Zurb Foundation을 사용하는 "Unreveal"모달

Reveal을 사용하여 모달 창을 수동으로 닫을 수 있습니까? 다른 사용자 지정 이벤트에 가까운 메서드를 연결할 수 있기를 바랍니다. 그들이 결합처럼

당신은 단순히 플러그인의 소스 코드를보고 한 후이

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

UPDATE

같은 것을 수행하여 다른 이벤트에 동적으로 클릭을 게재 할 수

답변

22

, 그것은 보인다 이벤트를 reveal:close이라는 모달 요소로 가져옵니다. 그래서 당신은이

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

Here is a fiddle

+0

감사합니다. 더 우아한 솔루션을 원했지만 Reveal 플러그인에 내장되어 있지 않으면 플러그인이 내장되어 있지 않습니다. 답을 고맙게 생각합니다! – Andrew

+0

더 우아한 해결책으로 대답을 업데이트했습니다 : –

+0

완벽합니다. 내가 할 수 있다면 당신의 대답을 두 번 받아 들일 것입니다! – Andrew

0

당신은 자신의 jQuery 플러그인 jquery.foundation.reveal.js이

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

또한 다음을 사용할 수 있습니다 사용할 수처럼 뭔가를 할 수 있습니다

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

이것은 Foundation 4에서 3이 아니라 사실입니다. – spsaucier

관련 문제