同時提交併關閉模態

Question

我們在模態窗口內有一個窗體。

我有一個提交按鈕，它保存到數據庫。我想同時關閉模態窗口。

關閉的功能是正確的，只是不是我的用法大聲笑。

<input type="submit" name="upload_thumbnail" value="Save Thumbnail" id="save_thumb" onclick="$.lightbox().close();" /> 

模態窗口，包含iframe和php/html，這個窗體是iframed html代碼的一部分。

有什麼建議嗎？

Answer 1

要關閉點擊ID爲save_thumb的元素時的對話框：

$('#save_thumb').click(function() 
{ 
    $.lightbox().close(); 
}); 

你可能要綁定到其父表單提交事件，但由於鍵盤事件將不會觸發click處理程序：

$('#my_form_id').submit(function() 
{ 
    $.lightbox().close(); 
}); 

無論您決定，請務必將其包裝在document ready handler中。

Answer 2

使用綁定功能，

$(function() { 
    $("#save_thumb").bind("click", function() { 
    $.lightbox().close(); 
    }); 
}); 

Answer 3

這個JavaScript添加到您的文件，並刪除在您的按鈕onclick屬性。確保javascript被添加到標籤中。

$(document).ready(function(){ 
    $('#save_thumb').click(function(){ 
     $.lightbox().close(); 
    }); 
});