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

このようにしてみてください。これは、別のJavaScriptファイルであるかのように

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

はしかし注意してくださいUrl.Contentなどのヘルパーを使用することはできません。

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

とあなたのCSSファイルで使用すると、（CSSの場所に対して）相対パスを使用することができます。もう一つの可能​​性は、CSSを使用することです。したがって、~/Content/site.cssファイルをお持ちの場合は、次のルールを定義することができます。

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