使用jquery和fancybox發佈表單到彈出窗體

Question

我試圖從窗體發佈到fancybox（http://fancybox.net/）窗口中的另一個表單。

例如我有一個窗體上有複選框的城市列表。

當用戶點擊第一個表單上的提交時，我希望fancybox窗口出現在另一個表單中。在新表單上將會有一個文本框，該表單上的城市id被隱藏爲表單元素。

我遇到的問題是在提交表單時彈出fancybox窗口。

我最終將用戶完全重定向到第二個窗體，或者彈出窗口不是fancybox窗口。

最近我到目前爲止是使用我在另一個網站上找到的一些代碼。這個問題是彈出窗口是一個正常的瀏覽器窗口。

<form id="myform" action="..." method="post"> 
<!-- form fields etc here --> 
</form> 

$(document).ready(function() { 
    $('#myform').submit(function() { 
     window.open('', 'formpopup', 'width=400,height=400,resizeable,scrollbars'); 
     this.target = 'formpopup'; 
    }); 
}); 

在此先感謝。

Answer 1

使用jQuery Form Plugin（http://malsup.com/jquery/form/）解決。

Open Fancybox (or equiv) from Form input type="submit"

感謝