javascript - 关闭事件的颜色框

Question

我想解雇以下事件：

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

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

ps：我不确定如何执行第 1 步。我正在显示#message，但我不确定如何在显示#message 1 秒后关闭颜色框。此外，我不知道单击取消时如何关闭颜色框。

Answer 1

首先，给按钮一些识别名称，然后在点击时触发适当的操作。要关闭彩盒（假设我们谈论的是同一个彩盒），请使用它们的 close 方法，如下所示：

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