加载图像和按钮禁用不起作用

Question

我试图禁用按钮后，单击并想要显示处理图像， 但它不起作用。我的代码如下：

$('#own_message_post').ajaxForm(function(data) { 

    $("#loading_img").css("visibility", "visible"); 
    $('#submit_form_button').attr("disabled", true); 
    $('#own_message_post').append('<img src="images/loader.gif" alt="posting" id="message_post_loading_img" style="text-align: center"/>'); 
    $('#messages').prepend(data); 
    $('#text_message').val(""); 
    $('#fileupload').val(""); 
    $('#submit_form_button').removeAttr('disabled'); 
    $('#message_post_loading_img').remove(); 

}); 

Answer 1

我想你没有正确使用ajaxForm，它接受一个Options Object，你传递一个function代替。

你的情况会工作什么会是这样的：

$('#own_message_post').ajaxForm({ 
    beforeSubmit: function() { 
    // Here you can do the things that need doing before the form is submitted 
    $('#submit_form_button').prop("disabled", true); 
    $('#own_message_post').append('<img src="images/loader.gif" alt="posting" id="message_post_loading_img" style="text-align: center"/>'); 
    }, 
    success: function(){ 
    // Here you can do the things that need doing when all is done 
    $('#submit_form_button').prop("disabled", false); 
    $('#message_post_loading_img').remove(); 
    } 
}); 

因为它看起来像您要上传的文件，它可能有一个看uploadProgress回调以及有用的，它可以通过您可以返回有关上传进度的信息。

Answer 2

使用丙（）作为jquery的1.6

$('#submit_form_button').prop("disabled", true); 

和

$('#submit_form_button').prop("disabled", false); 

代替

$('#submit_form_button').removeAttr('disabled');