Javascript 很快，单击会导致脚本故障

我在这里制作了一个表单，当文本区域仍在扩展时，我立即点击提交按钮：

• 文本区域不会隐藏，而是返回并设置动画以显示

  高度：46px

• 如果我再次单击提交按钮：`（不刷新）
  • 加载图像将加载
  • 文本区域、提交按钮和加载图像隐藏
  • ajax返回的数据不显示

代码在语法上是正确的，我怎样才能解决这个问题

Jquery：

$('.btn').hide();
$('.submitline').submit(function(){
    var $content = $('textarea').val();
    $('.btn').fadeOut('fast',function(){
        $('textarea').fadeOut('fast');
        $('.submitbusy').fadeIn('fast');
    });
    $.ajax({
        type: 'POST',
        dataType: 'json',
        url: '/submit',
        timeout: 15000,
        data: {
            'content': $content,
            'token': fuel_csrf_token()
        },
        success: function(data,textStatus,jqXHR){
            $('.submitbusy').fadeOut('fast',function(){
                $('.submitstatus').text(data).fadeIn('fast',function(){
                    $('.submitstatus').delay(2000).fadeOut('fast',function(){
                        $('textarea').val('Submit Another?').fadeIn();
                    });
                });
            });
        },
        error: function(){
            alert('fail');
        }
    });
    return false;
});
$('textarea').focus(function(){
    $('.btn').fadeIn('fast');
    $(this).val('').animate({"height":"100px"});
    $(this).focusout(function(){
        $(this).animate({"height":"46px"});
    });
});

HTML:

信息：

禁用“提交”按钮，并添加一个脚本（放在HTML文件的最后一个）来激活它。

您的代码中有这个吗

$(document).ready(function() {
   // Your code...
}

更新

---

尝试在动画之前移动

$.ajax（{

）。

同意；您浏览器的JS控制台上的输出是什么？您在哪些浏览器中尝试过此操作？结果是否相同？您能描述故障吗？如果您试图修复我的车，而我会说“我的车不工作”你不能测试这辆车，你能修好吗？信息越多越好。我对它做了更多的阐述，javascript加载在页脚（表单之后）。@Quentin。我的浏览器控制台没有输出错误代码。它会在第一次单击时发送ajax请求吗？脚本加载在页脚（表单之后）“所以我想我不需要那个，对吧？”皮特农伯说

$(document).ready(function() {
   // Your code...
}