Gif没有显示

-1

我发现一个小脚本在我的表单被提交时显示等待消息。我正在使用jquery-ui在对话框中显示此消息，它的工作原理。在添加一些文字和动画gif背景使用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/

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

来源

2014-07-09 Sancho

为什么不把gif放在图像标签''中的loading_dialog而不是放在你的css中？ – swfong

请发布整个页面的HTML。这可能是许多问题。 –

你没有给那个div没有宽度和高度。这可能是它。删除填充，并尝试宽度高度值而不是 – valerio0999

Thx to 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");

来源

2014-07-10 07:49:10 Sancho

回答

相关问题