如何手动使colorbox加载gif出现？

Question

我配置了颜色框，当窗口加载时会出现加载gif但是当我从窗口调用一个页面方法时如何才能显示它？

我在jScript中调用该方法并且它工作得很好但是加载的gif没有出现，因此在我的用户提示消息出现之前它会让它感觉不到它。

无论如何我可以在我的代码中调用加载gif吗？

我的jScript很直接：

// handler for submit button calling page method
    $addHandler($get('SendEmailPageMethod'), 'click', EmailPageMethod);
});

function EmailPageMethod() {
    var name = $get('name').value;
    var email = $get('email').value;
    var message = $get('message').value;

    PageMethods.SendEmail(name, email, message, SuccessCallback, ErrorCallback);
}

function SuccessCallback(resultString) {
    $('#innerForm').addClass('hidden');
    $('div.successMsg').removeClass('hidden');
    //alert(String(resultString));
}

function ErrorCallback(resultString) {
    alert(String(resultString));
    parent.jQuery.colorbox.close();
}

此jScript位于打开彩盒窗口的父页面上：

                // handles colorbox for contact form
                $('#contact-form').colorbox({ maxWidth: '75%',
                    close: '',
                    // removes selected class from contact menu item on close
                    onClosed: function () {
                        $('#contact-form').removeClass('selected');
                    }
                });

当我打开彩盒表单并提交它时，这就是jScript控制台所说的内容。

Answer 1

只需在文档中查询相关元素并更改其显示类型：

$('#cboxLoadingOverlay, #cboxLoadingGraphic').show();