GIF不顯示在jQuery中AjaxForm

Question

我想在我的ajax調用期間顯示圖像。我正在使用jqueryform插件。我似乎無法得到正確的路徑：我需要的根路徑，這裏是我的代碼：

$(function() { 
       $("#ajaxUploadForm").ajaxForm({ 
        iframe: true, 
        dataType: "json", 
        beforeSubmit: function() { 
         $("#ajaxUploadForm").block({ message: '<img src=' + '<%= @Url.Content("/Content/busy.gif") %>' + '/> Uploading Document...' }); 
        }, 
        success: function (result) { 
         $("#ajaxUploadForm").unblock(); 
         $("#ajaxUploadForm").resetForm(); 
         //$.growlUI(null, result.message); 
         if (result.message != 'Success') { 
          alert(result.message); 
         } 
         else { 

         } 
        }, 
        error: function (xhr, textStatus, errorThrown) { 
         $("#ajaxUploadForm").unblock(); 
         $("#ajaxUploadForm").resetForm(); 

        } 
       }); 
      }); 

Answer 1

嘗試這樣的：

$('#ajaxUploadForm').block({ 
    message: '<img src="<%= Url.Content("~/Content/busy.gif") %>" /> Uploading Document...' 
}); 

不過要小心，彷彿這是一個單獨的JavaScript文件你將無法使用幫助者，如Url.Content。另一種可能性是使用CSS：

$('#ajaxUploadForm').block({ 
    message: '<div class="spinner">Uploading Document...</div>' 
}); 

，並在你的CSS文件，你可以使用相對路徑（相對於CSS的位置）。因此，如果你有一個~/Content/site.css文件，你可以定義以下規則：

.spinner { 
    background-image: url('busy.gif'); 
    width: 20px; 
    height: 20px; 
}