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吗？

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

正确的方法是什么？

Answer 1

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

我会将页面特定的javascript保留到该页面，但是其他人（特别是如果性能非常重要）会争辩尽可能地将其编译到一个文件中，只需要页面上的特定命令。

Answer 2

在主页面中引用jQuery脚本文件（如果使用任何MS AJAX库，您可以决定使用ScriptManager control执行此操作。）
仅在该页面中引用任何特定于页面的JavaScript文件
将在多个页面上重复的任何页面特定JavaScript代码重构为页面引用的一个文件。

Answer 3

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

将jQuery添加到母版页

3 个答案: