Question

我正在使用colorbox plugin进行模态弹出窗口。它工作得很好，但有一个主要的问题似乎是错误的。

我有一个弹出的表单，在表单中提交（或点击链接）时，这可能会打开另一个“colorbox”模式。它运作顺利，但有一件事困扰着我。

实际上，colorbox似乎要等到收到响应（通过ajax），然后显示“loading.gif”并开始改变大小。

对我来说，只要他们打开一个新的颜色框模态就可以显示“loading.gif”。（而不仅仅是图像，我只是意味着当你打开一个新的颜色盒时会发生什么）它不必调整大小（显然）但它只是令人讨厌，因为我的一些颜色盒模式使用缓慢的web服务，所以你可能会提交一个表格，没有任何事情发生在字面上1或2秒。如果它看起来像是在装载下一个那个时间，那就太好了。

关于如何做到这一点的想法？

Answer 1

看起来加载图形显示在onLoad上，脚本会在此之前尝试找出内容类型。因此，如果您的网络服务速度较慢，则可能需要一段时间才能实现内容类型，因此无法显示loading.gif。

我做了一个快速测试，并且显示gif onOpen似乎有效：

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

Jquery - 自定义colorbox插件

1 个答案: