0

我正在使用jquery-1.9.1.min.js。我的HTML如下：

<div id="practice_sheet">
    <form name="manage_practice_sheet" id="manage_practice_sheet" action="practice_sheet.php" method="post" >
blah blah blah
blah blah blah
blah blah blah
blah blah blah
<input type="submit" name="btn_submit" id="btn_submit" value="{$submit_value}" class="submit c-btn">
</form>
</div>

jQuery代码如下：

$('#practice_sheet form').on('submit', function() { alert("Hello");
    if($.active > 0) { //or $.active 
        request_inprogress();
        return false;
    } else {
     $('.submit').attr('disabled', 'disabled'); 
     show_request('#practice_sheet_loader');
     $('html, body').animate({
         scrollTop: $('#practice_sheet_error_msgs').offset().top
     }, 600);   

     var op = $('#op').val();

     var practice_sheet_category_id = $('#hidden_practice_sheet_category_id').val();


     $.ajax({
         type: $(this).attr('method'),
         url: $(this).attr('action'),
         data:$(this).serialize(),
         dataType: 'json',
         success: function(responseText) { 
         $('.submit').removeAttr('disabled', 'disabled');         
         remove_request('#practice_sheet_loader');
         $.each(responseText, function(array_key, array_val) { 
         if(array_key=='error_message') {
                var error = clean_error_messages(array_val);
                $('#practice_sheet_error_msgs').fadeIn('fast');
                $('#practice_sheet_error_msgs').html(error);
         } else if(array_key=='success_message') {
           if(op=='add')
             document.location.href ="practice_sheet.php?add_practice_sheet_suc=1&op=&practice_sheet_category_id="+practice_sheet_category_id;
           else           
             document.location.href ="practice_sheet.php?edit_practice_sheet_suc=1&op=&practice_sheet_category_id="+practice_sheet_category_id;
           return false;
         }
        });

     } 
     }); 
     return false;
    }
});

我不明白为什么我不能在表单提交时调用这个函数。我尝试用 on() 替换 live() 但它没有用。你能帮我解决这个问题吗？提前致谢。

4

2 回答 2

2

首先，记得把你的代码放在页面加载事件上：

$(function () {
   // All your stuff here.
});

其次，当您覆盖表单提交默认行为时，您需要停止它：

// Add this to your first line within the click event handler:
e.preventDefault();
于 2013-08-09T15:10:37.420 回答
0

我认为您的表单正在提交，这就是未执行函数的原因，尝试防止默认，然后在需要时在函数末尾提交（但正如我所见，您随时返回 false，所以也许您不需要它...）：

$('#practice_sheet form').on('submit', function(e) { 
   e.preventDefault();
   //.... Your code here
});
于 2013-08-09T15:10:15.180 回答