很快點擊原因腳本故障

我在這裏做了一個表格，並在textarea裏還在不斷擴大，我立即點擊提交按鈕：很快點擊原因腳本故障

textarea的不隱藏，而是回去動畫到 height:46px
如果我再次點擊提交按鈕：`（W/O清爽型）
- 加載圖像加載。
- textarea，提交按鈕並加載圖片隱藏。
- 由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：

<form class="submitline" method="post">   
    <label>Message:</label><input class="btn" name="" value="Submit" type="submit" id="form_" /> 
    <textarea class="sidesub" name="" id="form_"></textarea> 
     <img class="submitbusy" src="http://i.imgur.com/GaSgz.gif" alt="" />  
</form> 
<p class="submitstatus"></p>

來源

2011-12-21 Michelle

定義「故障」 – Quentin 2011-12-21 11:28:14

同意;瀏覽器的JS控制檯上的輸出是什麼？您嘗試過哪些瀏覽器？結果是一樣的嗎？ – PPvG 2011-12-21 11:31:38

你能描述故障嗎？如果你想修理我的車，我會說「我的車沒有工作」，你不能測試車，你能修好嗎？信息越多越好。 – 2011-12-21 11:31:43

讓禁用的提交按鈕並添加腳本（HTML文件的最後放置）激活它。

來源

2011-12-21 11:29:56

你有這個代碼嗎？

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

更新

嘗試動畫之前移動$.ajax({。

來源

2011-12-21 11:29:59 PiTheNumber

該腳本加載在頁腳（在表格之後），所以我想我不需要它，對吧？ @PiTheNumber – Michelle 2011-12-21 11:34:33

很快點擊原因腳本故障

回答

相關問題