javascript - 关闭事件的颜色框

Question

我想解雇以下事件:

1. 单击提交按钮时，我想隐藏表单，执行 ajax 请求并在成功或错误时显示消息 1 秒，然后关闭 colorbox。
2. 如果单击取消按钮而不执行任何操作，则关闭颜色框。

到目前为止，我成功创建了以下演示: http://jsfiddle.net/2YdbH/31/

ps:我不知道如何执行第 1 步。我正在显示 #message，但我不知道如何在显示 #message 1 秒后关闭 colorbox。另外，我不知道单击“取消”时如何关闭颜色框。

Answer 1

首先，为按钮指定一些识别名称，然后在单击时触发适当的操作。要关闭 colorbox(假设我们正在谈论同一个)，请使用它们的 close 方法，如下所示:

$('#cancel').bind('click', function(){
    $.colorbox.close();
});
$('#submit').bind('click', function(){
    $.ajax({ /* AJAX OPTIONS  */});
    setTimeout("$.colorbox.close();",1000);
})