在ASP.NET MVC内容PlaceHolder中使用jQuery

时间:2010-01-13 09:50:02

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

我在我的母版页中包含了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既不起作用也不起作用。

我试过的解决方案:

  1. 在IE 7和jQuery.js&amp;中查看了源代码。 colorize.js是正确引用的。

  2. 查看了FF 3.5.6和Google Chrome中的来源,我看到jquery.js被正确引用,但colorize.js引用完全没有包含在HTML中。

  3. 后来在FF中,我确认了我的mvc应用程序,并且都正常工作(引用以及着色fn)。

  4. 所以我想知道我在哪里做错了,在主页中引用脚本文件或在内容页面中使用colorize插件?

    欢迎其他建议。

3 个答案:

答案 0 :(得分:1)

您的脚本代码需要有一个结束标记:

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

答案 1 :(得分:1)

<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 " />

首先是我的标准工作,其次是你的。 除了语言和/&gt;之外,看不出太多差异。而不是

你把它放在标题中了吗?

答案 2 :(得分:1)

我不得不同意adriaanp,在放入脚本时,尽管记不清楚,但是即使你不把它放在里面也是标准的程序。
有时候,你可能会遇到temp文件的问题,如果是这样的话,试着把这个colorize插件的代码放在一个已经可以工作的文件中,比如jquery的,就像你告诉这个引用一样。
我也想弄明白它,它发生在我的角落插件。我将新文件添加到解决方案中,但仍无效。 当我做了这个步骤时,我告诉你,只是为了下定决心,它起作用了。
当然我只是测试它然后把它放回正确的文件。