Question

我希望当LightFace显示时，应该会出现一张繁忙的图像并显示在模态框的中心。我发现当内容将在后台加载时，无法以编程方式向LightFace显示繁忙的图像。所以我使用了一个技巧，但没有奏效。在我的情况下，忙碌的图像显示在对话框中，但不在中心位置。

这是我的代码

这里我为我的div定义了一个样式表

.BusyStyles

{ background-image：url（'images / fbloader.gif'）; background-repeat：no-repeat;背景位置：中心; 身高：200; 宽度：300; }

我的JavaScript是

    <script language="javascript" type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready(function () {
        jQuery("#btnFeedback1").click(function () {
            var modal = new LightFace({
                draggable: true,
                height: 200,
                width: 300,
                title: 'My Profile',
                content: '<div css="BusyStyles"><div>',
                buttons: [
                { title: 'OK', event: function () { this.close(); } },
                { title: 'Close', event: function () { this.close(); } }
            ]
            });

            modal.open();
            modal.load('here i will load my ajax content calling pagemethod');
            return false;
        });
    });

所以当我显示LightFace模式对话框时，我已经完成了这一点，然后将div指定为具有样式表的默认内容。样式表具有固定的高度和宽度以及背景图像。我试图在中心显示图像，但图像没有显示在中心，而是图像显示在左上方位置。

所以请指导我如何在对话框的中心显示忙碌的图像。

基本上我想要当我通过jquery调用服务器端功能时，我的对话框应该显示繁忙的图像，当内容可用时，我将显示该内容。我正在使用asp.net并通过jquery调用页面方法。

请指导我。感谢。

Answer 1

及其

<div class="BusyStyles"><div>

而不是

<div css="BusyStyles"><div>

也许这可以解决您的背景问题......

LightFace并显示繁忙的图像

这是我的代码

我的JavaScript是

1 个答案: