Question

我想解雇以下事件：

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

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

ps：我不知道如何执行步骤1.我正在显示#message但我不知道如何在显示#message的1a秒后关闭彩盒。另外，我不知道如何在点击取消时关闭彩盒。

Answer 1

首先，给按钮一些识别名称，然后点击相应的动作。要关闭colorbox（假设我们正在谈论同一个），请使用他们的close方法：

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

关闭事件的颜色框

1 个答案: