2014-07-20 1 views
-3

내 웹 사이트에 세 개의 팝업이 있습니다. 사용자가 무언가를 클릭하면 div가있는 첫 번째 팝업이 열립니다.JQuery 마지막 기능으로 돌아 가기

사용자가이 div를 클릭하면 팝업이 닫히고 새 항목이 열립니다. 이 새 팝업에서는 동일하고, div가 있고, 사용자가 클릭하면 두 번째 팝업이 닫히고 세 번째 팝업이 열립니다.

내가하려는 것은 세 번째 div에있을 때 닫기 버튼을 클릭하면 두 번째 div로 돌아갑니다. 그리고 닫기 버튼에서 다시 클릭하면 첫 번째 팝업으로 돌아갑니다.

jquery에서이 작업을 수행 할 수있는 방법이 있습니까?

+0

아니요, 어떤 팝업이 열리 며 닫혀 있는지 추적하고 그에 따라 행동해야합니다. – Ian

+0

아무도 당신의 페이지가 어떻게 동작하는지 아무도 짐작할 수없는이 이벤트에 대한 코드를 보여주지 않고 – charlietfl

+0

와트를 사용해 보았습니다 –

답변

2

부울을 사용하려고 했습니까? 예를 들어

: (http://jsfiddle.net/KNch9/)

var checkPOP2 = false; 

$("#pop1").click(function(){ 
$(this).css("display", "none"); 
$("#pop2").css("display", "initial"); 
}); 

$("#pop2").click(function(){ 
    if(!checkPOP2){ 
    $(this).css("display", "none"); 
    $("#pop3").css("display", "initial"); 
    checkPOP2 = true; 
    } 

    else if(checkPOP2){ 
    $(this).css("display", "none"); 
    $("#pop1").css("display", "initial"); 
    checkPOP2 = false; 
    } 
}); 

$("#pop3").click(function(){ 
    $(this).css("display", "none"); 
    $("#pop2").css("display", "initial"); 
}); 

는 당신을 도울 수 있기를 바랍니다.

+0

OP가 그의 문제에 대해 어떤 생각을하지 못하면 어떻게 대답 할 수 있습니까? –

+0

display : block을 사용해야합니다. 이유가 무엇입니까? 여기를 참조하십시오 http://stackoverflow.com/questions/18534561/what-is-use-of-initial-value-in-css –

+0

"내가하려는 것은 세 번째 div에있을 때를 클릭하면됩니다. 닫기 버튼에서 두 번째 div로 돌아가고 닫는 버튼에서 다시 클릭하면 첫 번째 팝업으로 돌아갑니다. " –

관련 문제