jquery - 覆盖后jQuery表单提交事件不起作用

Question

我正在尝试通过插入模式覆盖来“停止”表单提交事件。如果用户关闭此覆盖，则表单提交应继续。

提交表单时覆盖正在生成，并且模式覆盖上的关闭回调正在触发，但我无法让表单继续提交或重新提交。

我已经尝试了从 preventDefault 到 return 的许多选项，但似乎没有任何效果。逻辑流程似乎是正确的。

var $form = $('form[name="myForm"]');
$form.submit(function(evt){
    $('#notify').popup({ 
      'autoopen': true, 
      onClose: function(myModal){ 
          if ($('#myCheckbox').is(':checked')) {
              console.log('checked');
          } else {
              console.log('not checked');
          }
        $form.submit();
        return true;    
      } 
    });
    return false;    
});

http://jsfiddle.net/aSvsL/9/

Answer 1

尝试这个：

$(function(){
    var $form = $('form[name="myForm"]');
    $form.submit(function(evt){
        $('#notify').popup({ 
          'autoopen': true, 
          onClose: function(myModal){ 
              if ($('#myCheckbox').is(':checked')) {
                  console.log('checked');
              } else {
                  console.log('not checked');
              }
            $form.addClass('processed').submit();
            return true;    
          } 
        });
        return $form.hasClass('processed');    
    });
});