JQuery窗體回調函數

Question

我一直在努力，我覺得是一個簡單的JQuery選擇器問題，但我已經搞亂了它一段時間了，似乎無法得到期望的結果。

我有一個無序列表包含多個李，這是每個兄弟隱藏div包含一個表單元素;所以我基本上有一個頁面上的多個表單。如果不使用ID或其他類，我希望能夠在提交相應表單時「隱藏」或「上拉」當前「隱藏」div元素。

//如果（數據==「感謝您的提交。一位代表將盡快與您聯繫。」）{「關閉包含表單的div」}

任何幫助將非常感激。網站及發行的真人版可以在這裏看到：http://clients.jayjodesign.com/executive-council/staging/events.php

Answer 1

您正在使用$(this)的post方法的成功處理程序中，其中這不會指向正在被提交的form。您應該將this實例存儲到本地變量中，然後在成功處理程序中使用它。試試這個

$(".event-form").submit(function(event) { 
       var $form = $(this); 
     var action = $form.attr('action'), 
      $fields = $form.serializeArray(); 

     $.post(action, $fields, function(data, textStatus, xhr) { 

      alert(data); 

      if(data == "Thank you for your submission. A representative will contact you soon."){ 

       $form.parent('div.right-column').slideUp(); 

      } 

     }); 

     return false; 
    });