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; 
}