하는 방법을 JQuery와 기능 내가 JQuery와 함수를 실행하려면이 옵션을 사용하고 한 번

Question

에 하나의 실행 한 번에 하나씩 실행합니까?

1. 가 첫 번째 부하를 만드는 상자를 닫을 때
다음, 두 번째가로드됩니다, 그래서 내가 원하는 - 페이지가로드 될 때

그들은 표시 팝업 상자입니다.

3. 등등은 ...

Answer 1

당신은 공개 방법에 콜백을 사용하여 시도?

$('#customer_popup_notes').reveal(function(){ 
    $('#customer_on_hold').reveal(); 
}); 

Answer 2

reveal에는 이것에 대한 공식 문서가 없으므로 나는 소스 코드를 빨리 읽고 시도해 보았다. 그것이 도움이 될 것입니다 희망

$('#customer_popup_notes').bind('reveal:close', function(){ 
    $('#customer_on_hold').reveal(); 
}) 

$('#customer_popup_notes').reveal(); 

업데이트 : 코드 https://github.com/zurb/reveal/blob/master/jquery.reveal.js을 바탕으로 , 당신은이 사건이 : reveal:open을 reveal:close

Answer 3

나는 순간 재단에 액세스 할 수없는, 그래서 이것은 추측입니다 문서를 기반으로합니다.

스토어 배열 모달 ID 디스크립터

, 인덱스 설정

var arr = ['#customer_popup_notes', '#customer_on_hold', 'modal3', 'modal4']; 
var index = 0; 

0 인덱스에 기초 조동사로드 인덱스를 유도하는 기능을 갖는다.

function loadModal() { 
    $(arr[index]).foundation('reveal', 'open'); 
    index++; 
} 

초기 모달 (index = 0)을로드하십시오.

close-reveal-modal 클래스 (자동 -이 계시의 일부) 모달 닫을 때까지 대기를 클릭

loadModal(); 

하고 배열의 다음 모달로드합니다. 그것은 당신의 모달을 가정

$(document).on('click', '.close-reveal-modal', function() { 
    $(arr[index - 1]).foundation('reveal', 'close'); 
    if (index < arr.length) { setTimeout(loadModal, 300); } 
}); 

는 다음과 같이 (class="close-reveal-modal"와 앵커주의) 보인다.

클릭 된 div를 사용하여 개념을 설명하려고

<div id="customer_popup_notes" class="reveal-modal"> 
    <h2>Awesome. I have it 1.</h2> 
    <a class="close-reveal-modal">&#215;</a> 
</div> 

Here's a fiddle.