問題描述：

在Tab中點選新增按鈕，彈出一個window視窗，視窗中表單資料填寫完成後點選提交儲存按鈕會提交兩次資料，如果重新整理整個頁面，重複上面步驟只會提交一次資料。如果關閉Tab子選項卡，重複之前步驟有會提交兩次資料，再次關閉Tab子選項卡，重複之前步驟有會提交三次資料。

問題分析：

window視窗是通過html方式建立的，裡面嵌套了一個form表單，該window視窗預設是隱藏的，通過js開啟該視窗。當開啟Tab子選項卡時，雖然該window視窗是隱藏的，但視窗的html元素已經生成了，且都加了display:none屬性。當直接關閉Tab子選項卡時子選項卡的html元素會被銷燬刪除，但是window視窗的html元素不會被銷燬刪除，依舊保持不變。當再次開啟Tab子選項卡時又會生成window視窗的html元素，這樣就會出現兩個相同的視窗元素，當填好表單資料並點選提交時就會觸發兩次onClick事件。

解決方案：

為tabs新增onClose事件，當檢測到子選項卡關閉的時候通過destroy方法銷燬window視窗的html元素。

$('#tabs').tabs({
    onClose: function(title,index){
        $("#win").window('destroy');
    }
});