将jQuery添加到母版页

Question

我的ASP.NET常规页面中有以下jquery

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Color Items</title>
        <script src="http://code.jquery.com/jquery-latest.js"     
            type="text/javascript"></script>
        <script type="text/javascript">
            $(function() {
                $("select option:even").addClass('evenColor');
            });
        </script>
        <style type="text/css">
        .evenColor
        {
            background-color:Gray;
        }
        </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:DropDownList ID="DropDownList1" runat="server">
            <asp:ListItem Text="Gori"></asp:ListItem>
            <asp:ListItem Text="Muf"></asp:ListItem>
            <asp:ListItem Text="Lizo"></asp:ListItem>
        </asp:DropDownList>
    </div>
    </form>
</body>
</html>

现在我想将其转换为母版页。 我无法弄清楚将添加到母版页和内容页面中的内容。 脚本会转到MasterPage吗？

请注意：我有很多这样的带有单独jquery文件的常规asp.net页面。 我是否必须将所有这些jquery文件添加到一个母版页中。

正确的方法是什么？

Answer 1

绝对将引用添加到母版页中的常见jquery文件。

我将页面专用的javascript留给该页面，尽管其他（尤其是性能非常重要）会争用该页面上的特定命令，将其尽可能多地编译到一个文件中。

Answer 2

1. 在您的母版页中放置对jQuery脚本文件的引用（如果也使用MS AJAX库，则可以决定使用ScriptManager控件来执行此操作）。

2. 仅引用该页面中任何页面特定的JavaScript文件

3. 将在多个页面上重复的任何特定于页面的JavaScript代码重构为页面引用的一个文件。

Answer 3

除了建议在母版页中添加jQuery链接之外，我还建议使用嵌套母版页，以便基础母版页具有标记，派生母版包含jQuery。 这样，您可以选择逐页使用启用了jQuery的母版页或非jQuery（基础）母版页来获得最佳性能。