라이브 기능 및 클릭 이벤트 내에서의 preventBy 도움말

Question

폼 마법사가 있습니다. 1 단계에서 특정 확인란이 선택되어 있고 특정 클래스가있는 다른 사람이 아닌 경우 경고를 표시해야합니다. 문제는 다음 버튼을 누른 후 두 번째 단계에서 확인/경고를 표시한다는 것입니다. 경고를 표시하는 동안 브라우저가 두 번째 단계로 이동하지 못하게해야합니다.

$("#step0Next").live('click', function(event) { 
     var ask = confirm("Do You Really Want To Continue"); 
     if($("#RT").is(":checked") && !$(".ex").is(':checked') && 
(ask===false)) { 
      event.preventDefault(); 
     } 
    }); 

http://www.kinetick.com/Test/purchaseTest 당신은 어떤 선택을하고 "다음"("#의 step0Next")을 공격하지 않는 경우는 확인 대화 상자가 2 단계로 이동합니다. 나는 1 단계에서 일어날 필요가있다. cancel을 누르면 거기에 계속있을 것이고, OK를 누르면 2 단계로 계속 진행할 수있을 것이다. 중요하다면 formToWizard.js 플러그인을 사용한다.

감사합니다.

Answer 1

경고, 이 사용자의 요구와 사이트에 조금 해키 및 특정 (이 찾는 다른 사람, 다른 솔루션을 사용!) :

$("#step0Next").live('click', function(event) { 
    $('#step1Prev').click();          //go back, hacky! 
    if($("#RT").is(":checked") && !$(".ex").is(':checked')) {   //conditons 
    if(!confirm("Do You Really Want To Continue")) return; //user said cancel 
    $("#step0Next").die('click');  //user said Ok, prevent prompting again 
    } 
    $(this).triggerHandler('click');      //resume normal behavior 
}); 

당신은 (일반적인 형태의 동작을 무시할 수 없기 때문에 자신의 클릭 핸들러는 .live() 이전에 발생합니다.) 우회합니다. 이렇게하면 다음 페이지의 버튼을 신속하게 클릭하여 번을 첫 번째 페이지로 되 돌렸으므로 "다음"동작을 방지하는 대신 UI가 업데이트되기 전에 되돌릴 수 있습니다.

조건이 충족되지 않으면 우리는 "이동"선택을 확인하라는 메시지를 표시하지만 한 번만 취소를 클릭하면 계속 확인 메시지가 표시되고 확인을 클릭하면 그들은 계속 이동하고 다시 .die()을 사용하여이 .live() 처리기를 제거함으로써 다시 귀찮게하지 않을 것입니다.