Question

我找到一个小脚本，用于在提交表单时显示等待消息。我正在使用 jquery-ui 在对话框中显示此消息并且它可以正常工作。使用 CSS 添加一些文字和动画gif背景后，图像不会每次都显示。

注意：直接在开发者控制台中编写代码。

$("#loading_dialog").loading();

下面的代码使我的对话框显示没有图像。

jQuery('form').submit(function(event) {
    $("#loading_dialog").loading();
});

CSS ：

.ui-dialog .ui-dialog-content.ui-dialog-loadingDialog{
    background: url("../img/loader.gif") no-repeat scroll 5px 15px transparent;
    padding: 30px 0 0px 70px;
    border: 2px solid #DDDDDD;
    font-weight: 900;
    line-height: 1em;
    font-size: 1.0em;
    color: #737373;
}

编辑：

我使用在那里找到的脚本：http://jsfiddle.net/artistan/nx3ce/

我的页面非常大，但它只是一个

Answer 1

感谢jaypeagi！

我预先加载图像，现在我可以看到我的图像了！

        var images = new Array();

        function preload() {
            for (i = 0; i < preload.arguments.length; i++) {
                images[i] = new Image();
                images[i].src = preload.arguments[i];
            }
        }
        preload("img/loader.gif");

Gif没有出现

1 个答案: