2011-07-10 107 views
0

這裏是該樣本http://jquery.malsup.com/block/#demos瞭如何使用低吼(最簡單的方式)jQuery的blockUI設置動態背景imege

,所以我需要把自定義樣式那樣:

div.growlUI { background: url(check48.png) no-repeat 10px 10px } 
div.growlUI h1, div.growlUI h2 { 
    color: white; padding: 5px 5px 5px 75px; text-align: left 
} 

因此,如果行動是成功,將完美的工作,但如果行動是不成功的,如何我可以設置另一個背景圖像(background: url(error48.png) no-repeat 10px 10px)在這種情況下

任何想法?

回答

0

嘗試:

$.blockUI({ css: { 
     background: 'url(error48.png) no-repeat 10px 10px', 
    } }); 
+0

我這樣做錯誤的第一行:function(),沒有辦法也試圖'$ .blockUI({growlCSS:{background:....});'同樣的事情,'check48.png'仍然停留在那裏 – Joper

0

我沒有發現任何其他的方式來做到這一點使用明確的樣式定義

所以使用jQuery我做了這樣的:

error: function (xhr, textStatus, errorThrown) { 
       $("#ajaxUploadForm").unblock(); 
       $("#ajaxUploadForm").resetForm(); 
       $.growlUI(null, 'Error uploading file, try again later'); 

       $('div.growlUI').css("background", "url(attention48.png) no-repeat 10px 10px"); 
      }