在 ASP.NET MVC 内容占位符中使用 jQuery答案

【问题标题】：Using jQuery in ASP.NET MVC Content PlaceHolder在 ASP.NET MVC 内容占位符中使用 jQuery
【发布时间】：2010-01-13 09:50:02
【问题描述】：

我在我的母版页中包含了 jQuery 以及 colorize 插件参考，我想在我的内容页面中使用它。我的脚本位于 MVCApplication 的 Scripts 文件夹中。我在我的母版页中将其引用为：

<script language="javascript" type="text/javascript" src="<%= Url.Content ("~/Scripts/jquery-1.3.2.min.js")%> " />

colorize.js 也一样。

在我的内容页面中，我正在为我的表格使用 colorize 插件。

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
    <script language="javascript" type="text/javascript">
    $(document).ready(function() {
        $('#mytable').colorize();
        // put all your jQuery goodness in here.
    });                    
    </script>

    <table id="mytable">
     ...
     ...
    </table>
</asp:Content>

但是每当我运行这个应用程序时，jQuery 和 colorize 函数都不起作用。

我尝试过的解决方案：

在 IE 7 中查看了源代码，jQuery.js 和 colorize.js 是正确引用。
在 FF 3.5.6 和 Google Chrome 中查看了源代码，我看到 jquery.js 被正确引用，但 colorize.js 引用根本不包含在 HTML 中。
后来在 FF 中，我 jQuerified 我的 mvc 应用程序，并且一切正常（引用以及着色 fn ）。

所以我想知道我在哪里做错了，在母版页中引用脚本文件或在内容页中使用 colorize 插件？

也欢迎其他建议。

【问题讨论】：

代替 src=" " />，使用 src='' /> 谢谢
注意双引号和单引号
不走运。问题依然存在。
你可以尝试使用 ResolveURL() 扩展方法吗？

标签： jquery asp.net-mvc jquery-plugins master-pages

【解决方案1】：

你的脚本标签需要有一个结束标签：

<script language="javascript" 
        type="text/javascript" 
        src="<%= Url.Content ("~/Scripts/jquery-1.3.2.min.js")%>" >
</script>

【讨论】：

【解决方案2】：

<script src="/Scripts/jquery-1.3.2.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript" src="/Scripts/jquery-1.3.2.min.js " />

首先是我的标准工作，其次是你的。除了语言和 /> 而不是

之外，看不出有什么区别

你把它放在标题中了吗？

【讨论】：

【解决方案3】：

我必须同意 adriaanp，在放置脚本时，虽然要记住很糟糕，但这是放置结束标记的标准程序，即使你没有在其中放置任何东西。
有时，临时文件也可能会出现问题，如果是这样，请尝试将此 colorize 插件的代码放在已经可以使用的文件中，例如 jquery 的文件，正如您所说的那样，这个参考文件有效。
我也想弄清楚，角落插件发生在我身上。我将新文件添加到解决方案中，但仍然无法正常工作。当我执行这些步骤时，我告诉过你，只是为了下定决心，它起作用了。
当然，我只是对其进行了测试，然后将其放回正确的文件中。

【讨论】：