Блог

При отправке я хотел бы добавить класс .loading в #results до тех пор, пока данные не будут возвращены, поэтому класс будет удален.

Как меняется код?

 $(function(){
    $("#myform").submit(function(event){
        event.preventDefault();


        $.post('mail.php', $("#myform").serialize(), function(data) {
            $('#results').hide().html(data).fadeIn('slow').delay(2000).hide(1);
        });
    });
});
  

Если я вас правильно понял:

 $(function(){
    $("#myform").submit(function(event){
        event.preventDefault();

        // Add the class here:
        $("#results")
            .show()
            .addClass("loading");

        $.post('mail.php', $("#myform").serialize(), function(data) {
            $('#results')
                .hide()
                .html(data)
                .fadeIn('slow')
                .delay(2000)
                .hide(1)
                .removeClass("loading"); // Remove the class here.
        });
    });
});