2014-10-28 41 views
-1

我有一個表單,它有一個插件(或其它任何東西),在按下submit之後生成一個綠色的div信息,在處理了幾秒後說「謝謝你使用這個表單」 。由於它在處理時沒有消息,所以在按下提交按鈕之後,我做了一個工作。檢測元素是否與jQuery一起創建

我迄今爲止代碼:

jQuery(document).ready(function($) { 
    /* when I press submit... */ 
    jQuery('.halfrow2 button[type=submit]').click(function(event) { 
     /* if first name input isn't empty */ 
     if(jQuery('input#InputFirstname').val()){ 
     /* show this message */ 
     jQuery(this).parent().append('<div id="processingMessage">Hold on...</div>'); 
     } 
    }); 
}); 

然而,到現在爲止,這是它點擊提交按鈕後,是如何工作的:產生

  • 我的 「處理」 的消息。
  • 生成「謝謝」消息。
  • 我關閉了「謝謝」一個:我的「處理」消息仍然存在。

我希望能夠在「謝謝」一出現時立即清除它。

+1

後你請的代碼。 – j08691 2014-10-28 15:16:26

+0

我添加了代碼 – 2014-10-28 15:20:03

+2

爲什麼'.ajaxComplete()'不是你要找的東西?似乎是一個好辦法 – Spokey 2014-10-28 15:25:31

回答

0

沒關係,.ajaxComplete是答案

jQuery(document).ready(function($) { 
    /* when I press submit... */ 
    jQuery('.halfrow2 button[type=submit]').click(function(event) { 
     /* if first name input isn't empty */ 
     if(jQuery('input#InputFirstname').val()){ 
     /* show this message */ 
     jQuery(this).parent().append('<div id="processingMessage">Hold on...</div>'); 
     } 
    }); 
}); 
    /* trigger if something happens within the document */ 
    jQuery(document).ajaxComplete(function() { 
    /* if "thank you" message appears */ 
    if (jQuery('.alert.alert-success').length){ 
     /* remove "processing" message */ 
     jQuery('#processingMessage').remove(); 
    } 
    }); 
}); 
+0

不要認爲有必要檢查是否存在,因爲如果ajax完成處理結束。如果你的插件有更多的彈出式窗口,比如失敗狀態或超時類別,你也需要檢查這些 – Spokey 2014-10-28 15:45:54

相關問題