使用 ASP.NET 中的包呈现 JQuery 脚本答案

【问题标题】：JQuery script rendering using bundles in ASP.NET使用 ASP.NET 中的包呈现 JQuery 脚本
【发布时间】：2013-05-25 06:49:54
【问题描述】：

我正在尝试使用捆绑包呈现 jquery。

我在BundleConfig.vb 中添加了 jquery

bundles.Add(New ScriptBundle("~/bundles/jquery")
                    .Include("~/Scripts/jquery-{version}.js",
                             "~/Scripts/jquery-ui-{version}.js"))

我添加了

<%=Scripts.Render("~/bundles/jquery")%>

在 aspx 文件中。

当我查看文件的源代码时，我会得到类似的东西

<script src="/Scripts/jquery-2.0.1.js" style=""></script>
<style type="text/css"></style>
<script src="/Scripts/jquery-ui-1.10.3.js"></script>

我能够毫无问题地渲染所有其他脚本和样式。

BundleConfig.vb 中的其他脚本包

    bundles.Add(New ScriptBundle("~/bundles/jqtree").Include(
               "~/Scripts/tree.jquery.js",
                "~/Scripts/jquery.cookie.js",
                "~/Scripts/jqtreeinit.js"
               ))
    bundles.Add(New ScriptBundle("~/bundles/knockout").Include(
                "~/Scripts/knockout-{version}.js"
                ))
    bundles.Add(New ScriptBundle("~/bundles/searchKey").Include(
                "~/Scripts/ViewModels/assetViewModel.js",
                "~/Scripts/AjaxTextBoxSuggestions.js"
                ))

你对在 jquery 和 jqueryUI 之间添加到 script 标签和 style 标签的 style 属性有什么想法吗？

【问题讨论】：

很奇怪......不仅是两个脚本之间的style，还有第一个script引用中的style=""属性。
我同意，很奇怪。您是否尝试过使用Bundle() 并给它一个JsTransformer 的新实例？想知道如果禁用debug 模式会发生什么。你试过了吗？
您确定没有在捆绑代码中的任何位置不小心将Style 与Script 混淆了吗？
@Klors 如果我使用 Styles.Render，我可能会得到 style 标签而不是 script 标签
@ram2013 忽略我，我刚刚尝试过，它们只是正常出现<link> 元素

标签： jquery asp.net bundletransformer

【解决方案1】：

我真的不知道您为什么会看到这种奇怪的行为，但我猜以下可能是一个解决方案，即使它有点 hacky。如果你没问题，你可以使用Scripts.Url()：

<script src="<%=Scripts.Url("~/bundles/jquery")%>"></script>

当然，缺点是捆绑包中的所有文件即使在没有调试模式但激活调试的情况下也会合并

<!-- web.config -->
<system.web>
    <compilation debug="true" targetFramework="4.5" />
</system.web>

它们不应被压缩，因此如果您愿意，应该可以进行 JavaScript 调试。

【讨论】：

即使上面的脚本有效，但我想知道我在哪里犯了错误。
是的，我也是！我知道这不是一个好的答案，只是想提供一个可能的解决方法。