데이터가 변경되면 MaterializeCSS 모달이 닫히지 않도록하십시오.

Question

MaterializeCSS로 어떻게 처리합니까?

사용자가 모달에서 무언가를 변경하고 닫으려고하는 경우 (외부를 클릭하면 Esc 버튼 또는 모달의 닫기 버튼) 해당 조치를 확인하고 싶습니다.

모달 생성자의 complete 옵션은 모달을 닫은 후에 만 ​​실행됩니다.

var form_changed = false; 

$('.modal').find('input, textarea, checkbox').on('change', function() { 
    form_changed = true; 
}); 

Answer 1

아웃 - 오브 - 박스 가능하지 않는 것 : 내가 모달 데이터를 변경, 사용자를 잡을 방법이있다

.

source code 엿 후, 나는이 함께했다 :

function addCloseHandler($modal, handler) { 
    var modal = $modal[0].M_Modal; 
    modal._close = modal.close; 
    modal.close = function() { handler(function() { modal._close(); }); }; 
} 

사용법 :

// $('.modal').modal(); 

addCloseHandler($('.modal'), function (close) { 
    form_changed ? confirm('Confirm?') && close() : close(); 
});