Jquery - 自定義colorbox插件

Question

我正在使用colorbox plugin模式彈出窗口。它工作得很好，但有一個關於它的主要問題似乎是錯誤的。

我有一個彈出窗體，並在提交（或單擊鏈接）的形式，這可能會打開另一個「colorbox」模式。它工作順利，但有一件事困擾我。

就這樣，colorbox似乎要等到它收到響應（通過ajax），然後顯示「loading.gif」並開始更改大小。

對我來說，更有意義的是，只要打開一個新的colorbox模式，就會顯示「loading.gif」。 （而不僅僅是圖片，我只是說，無論發生什麼，當你打開一個新的彩盒）它不必調整（顯然），但它只是煩人的，因爲我的一些colorbox模式使用緩慢的web服務，所以你可能會提交一個表格，沒有任何事情會發生1或2秒。如果它看起來像是在那個時候加載下一個，它會很好。

想法如何做到這一點？

Answer 1

看起來加載圖形正在onLoad上顯示，腳本試圖在此點之前找出內容類型。因此，如果您的網絡服務較慢，則可能需要一些時間才能實現內容類型，因此不會顯示loading.gif。

我做了一個快速測試，並顯示GIF的OnOpen似乎工作：

$(".myClass").colorbox({ 
    onOpen:function(){ 
     // taken from colorbox.css 
     $('#cboxLoadingGraphic').show(); 
    }, 
    onComplete:function(){ 
     $('#cboxLoadingGraphic').hide(); 
    } 
});