同时提交和关闭模态

Question

我们在模态窗口中有一个表单。

我有一个提交按钮，保存到db。我想同时关闭模态窗口。

关闭的功能是正确的，不是我的用法lol。

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

模态窗口，其中包含带有php / html的iframe，此表单是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();
    });
});