我怎樣才能使用腳本defer屬性的ASP MVC 4捆綁與Scripts.Render

Question

我已經通過谷歌和Stackoverflow看，並沒有找到答案。是否有任何內置的方式來讓一個bundle執行，或者有人知道有人寫這樣做的擴展幫助器方法？

Answer 1

嘗試在 Codeplex Site或通過Nuget Package

網絡優化升級到1.1.0版本，在1.1.0版本中，這些包括元素模板字符串。 所以，如果你想有一個腳本標籤包含defer屬性，你可以很容易地做到這一點：

@Scripts.RenderFormat("<script src='{0}' defer></script>","~/bundles/jquery") 

和下面的標記將生成：

<script src="/Scripts/jquery-1.7.1.js" defer></script> 

Answer 2

的answer above是巨大的。我只想快速粘貼我的代碼給那些想要更簡潔的語法的人。

添加一個新的C＃類

// -------------------------------------------------------------------------------------------------------------------- 
// <copyright file="Scripts7.cs" company="Believe"> 
// http://believeblog.azurewebsites.net/ 
// </copyright> 
// -------------------------------------------------------------------------------------------------------------------- 

using System.Web; 
using System.Web.Optimization; 

namespace MVCExtension 
{ 
    /// <summary> 
    ///  The scripts. 
    /// </summary> 
    public static class Scripts 
    { 
     /// <summary> 
     /// Render scripts as deferred 
     /// </summary> 
     /// <param name="paths"> 
     /// The paths. 
     /// </param> 
     /// <returns> 
     /// The <see cref="IHtmlString"/>. 
     /// </returns> 
     public static IHtmlString RenderDefer(params string[] paths) 
     { 
      return Scripts.RenderFormat(@"<script src='{0}' defer></script>", paths); 
     } 
    } 
} 

然後，使用剃刀語法：

@Scripts.RenderDefer("~/bundles/jquery") 

或者網絡表單語法：

<%: Scripts.RenderDefer("~/bundles/jquery") %> 

Answer 3

您可以使用BundleTable.Bundles.ResolveBundleUrl：

<script src="@(BundleTable.Bundles.ResolveBundleUrl("~/bundles/jquery"))" defer></script>