Question

我正在使用 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（）但它没有用。你能帮帮我吗？提前致谢。

Answer 1

首先，请记住将代码放在页面加载事件上：

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

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

// Add this to your first line within the click event handler:
e.preventDefault();

Answer 2

我认为你的表单正在提交，这就是为什么函数没有被执行，尝试阻止默认，然后在你的功能结束时提交它（如果我需要的话，你可以随时返回假，所以也许你不要'需要它...）：

$('#practice_sheet form').on('submit', function(e) { 
   e.preventDefault();
   //.... Your code here
});

为什么我无法调用jQuery函数？

2 个答案: