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(); 
    } 
});