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

回答

相關問題