2012-04-16 35 views
0

我想觸發以下脣上:上的事件關閉顏色框

  1. 當點擊提交按鈕我想隱藏的形式,執行AJAX請求和上成功或錯誤1顯示一條消息然後關閉colorbox。
  2. 如果取消按鈕被點擊而沒有做任何事情,關閉colorbox。

直到現在我設法創建以下演示: http://jsfiddle.net/2YdbH/31/

PS:我不知道該怎麼辦了執行步驟1。我展示#message,但我不知道如何關閉1秒後顯示#消息的彩盒。此外,我不知道如何在點擊取消時關閉colorbox。

+0

您遇到的問題是什麼? – 2012-04-16 19:41:01

+0

我不知道如何執行步驟1.我正在顯示#消息,但我不確定如何在1a秒後顯示#消息後關閉colorbox。此外,我不知道如何在點擊取消時關閉colorbox。 – glarkou 2012-04-16 19:45:54

回答

2

首先,給按鈕一些標識名稱,然後點擊適當的動作。要關閉colorbox(假設我們正在談論同一個),請使用它們的close方法,如下所示:

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

謝謝。在給定的時間內點擊提交後是否可以關閉它?讓我們說1秒? – glarkou 2012-04-16 19:51:09

+0

sure, setTimeout(「$。colorbox.close();」,1000); // 1秒後 – Marlin 2012-04-16 19:54:51