ajax - 如何手动使彩盒加载 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();