심플 모드로 몸체 클래스를 닫으십시오

Question

저는 여러 다른 모달이있는 페이지에 Eric Martin의 SimpleModal plugin을 사용하고 있습니다. 모달 중 하나는 페이지의 다른 높이와 너비와 다른 폭을 가지므로 더 큰 모달에 대한 링크를 클릭하면 본문에 클래스가 추가되었습니다. 이것은 특정 모달의 스타일을 제어하는만큼 잘 작동합니다. 그러나 모달을 닫을 때 클래스를 제거하는 것은 중요한 문제입니다. 원래 onClose 함수를 사용하려고했지만 성공하지 못했습니다. 그래서 closeClass를 클릭 할 때 removeClass를 붙이려고했으나 body 클래스를 제거하지 않았습니다. 도움?

는 기본적으로 나는 모달의를 통해 닫힐 때 클래스가 제거되었는지 확인하기 위해이 같은 일을 할으로 onClose 기능 사용 방법 내장 : 사전에

$("#element-id").modal({onClose: function() { 
    $('body').removeClass('classname'); 
}}); 

감사합니다! 일부 부드러운 애니메이션을 원하는 경우에

$('#sample').modal({ 
    onOpen: function(dialog) { 
     $('body').addClass('classname'); 
     dialog.overlay.show(); 
     dialog.container.show(); 
     dialog.data.show(); 
    }, 
    onClose: function(dialog) { 
     $('body').removeClass('classname'); 
     $.modal.close() 
    } 
});​ 

, 당신이 다른 것으로 .show()을 변경해야합니다 :

Answer 1

이 시도해보십시오. 문서 here.