同時提交和關閉模式

Question

我們在模態 window 中有一個表格。

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

關閉的 function 是正確的，只是不是我的用法，哈哈。

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

The modal window, contains iframe with php / html within it, this form is part of that iframed html code.

有什么建議么？

Answer 1

單擊 ID 為save_thumb的元素時關閉對話框：

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

但是，您可能希望綁定到其父表單的提交事件，因為鍵盤事件不會觸發click處理程序：

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

無論您決定哪種方式，請確保將其包裝在文檔就緒處理程序中。

Answer 2

使用綁定 function，

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

Answer 3

將此 javascript 添加到您的文件中，並刪除按鈕上的 onclick 屬性。 確保將 javascript 添加到標簽內。

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