양식 제출시 모달 종료 방지

Question

양식 제출시 모달이 닫히지 않도록 할 수있는 방법이 있습니까?

나는 simplemodal 선물 div를 통해 사용자에게 제공되는 양식 작업을하고 있습니다.

 
// on submit function 
$('form#family-form').submit(function() { 
     var condition = $('#edit-health',this).val(); 
$('>li> + condition + >/li>', document).appendTo('#health_edit_table td ul'); 
});

어떤 생각을 :

// modal call 
$('#edit_container', document).modal({onOpen: function (dialog) { 
       dialog.overlay.fadeIn('fast', function() { 
        dialog.data.hide(); 
        dialog.container.fadeIn('fast', function() { 
      dialog.data.slideDown('fast'); 
         }); 
       }); 
     } , onClose: function(dialog) { 
       location.reload(true); 
       $.modal.close(); 
       } }); 
    // simplemodal settings 

$.modal.defaults = { 
     appendTo: 'body', 
     focus: false, 
     opacity: 70, 
     overlayId: 'simplemodal-overlay', 
     overlayCss: {}, 
     containerId: 'simplemodal-container', 
     containerCss: {}, 
     dataId: 'simplemodal-data', 
     dataCss: {}, 
     minHeight: null, 
     minWidth: null, 
     maxHeight: null, 
     maxWidth: null, 
     autoResize: true, 
     autoPosition: true, 
     zIndex: 1000, 
     close: true, 
     closeHTML: '', 
     closeClass: 'simplemodal-close', 
     escClose: false, 
     overlayClose: false, 
     position: null, 
     persist: true, 
     modal: true, 
     onOpen: null, 
     onShow: null, 
     onClose: null 
    };

나는 모달 DIV 내에서 테이블을 업데이트하는 JQuery와 기능이?

덕분에, 조나단

Answer 1

는 실제로 아약스를 사용하여 다음 양식을 제출하십시오. 그렇지 않으면 제출 함수에서 false를 리턴하십시오.

// on submit function 
$('form#family-form').submit(function() { 
    var frm = this; 
    $.ajax({ 
    url:frm.attr('action'), 
    data:$(frm).serialize(), 
    success:function(data){ 
     var condition = $('#edit-health',frm).val(); 
     $('>li> + condition + >/li>', document).appendTo('#health_edit_table td ul'); 
    } 
    }); 
    return false; 
}); 

Answer 2

Woops! 나는 이것이 AJAX 또는 AHAH (drupal) 호출을 통해 수행 될 필요가 있다는 것을 깨달았다. 않는 한, 누구든지 더 좋은 생각을 가지고 있습니다.