提交表單並關閉Fancybox，Javascript

Question

我正在使用Fancybox觸發搜索表單彈出窗口並且表單使用Javascript驗證來檢查並提交。我遇到的問題是我無法使Fancybox屏幕關閉然後運行該功能。下面是我使用的時刻代碼：

<form id="searchForm" method="post" action="<?php echo $search; ?>.php?type=rad" onsubmit="javascript:parent.jQuery.fancybox.close();"> 

$('#enterButton').click(function() 
     { 
     if(searchok == 1) 
     {   
      $('.searchValidation').addClass("sending"); 
      $("#searchForm").submit(); 
     } 
     else 
     { 
     $('.searchValidation').addClass("validationError"); 
     } 
     return false; 
     }); 

我怎樣才能獲得的fancybox窗口關閉上提交（），但仍有效地運行在父窗口的形式功能？

Answer 1

假設#enterButton是submit按鈕，你最好調用

parent.jQuery.fancybox.close(); 

驗證函數內。我建議是這樣的：

$('#enterButton').click(function() 
     { 
     if(searchok == 1) 
     {   
      $('.searchValidation').addClass("sending"); 
      $("#searchForm").submit(); 
      parent.jQuery.fancybox.close(); 
     } 
     else 
     { 
     $('.searchValidation').addClass("validationError"); 
     } 
     return false; 
     }); 

然而parent.jQuery.fancybox.close();需要只有當你是一個iframe內使用它來使用。你可以用jQuery.fancybox.close();

取代它下面是一個參考，你可以檢查：parent.jQuery.fancybox.close(); from within Fancybox only closes Fancybox once