2009-10-19 66 views
1

我在我的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> 

页下面的jQuery现在我想将它转换成一个母版页。我无法确定要添加到主页面的内容以及内容页面的内容。脚本是否会转到MasterPage?

请注意:我有许多这样的常规asp.net页面与个人jquery文件。我必须将所有这些jquery文件添加到一个母版页中。

什么是正确的方法?

回答

1
  1. 把你的母版页的jQuery脚本文件的引用(你可以决定是否使用任何MS AJAX库也做到这一点使用ScriptManager control)。

  2. 把任何网页的特定的JavaScript文件的引用在该页面只

  3. 重构任何页面特定的JavaScript代码,多个页面重复了到由页面引用的一个文件。

+0

我在哪里可以在内容页面添加JavaScript? – Hitz 2009-10-19 10:09:29

+0

如果使用ScriptManager控件,可以使用'ScriptManager manager = ScriptManager.GetCurrent(this); manager.Scripts.Add(新的ScriptReference( “myJavaScriptfile.js”));'或增加它在ASPX标记,在''内,一对夫妇的选择。 – 2009-10-19 10:39:04

2

无疑增加了对于公共jQuery的文件在你的母版页。

我会离开页面的JavaScript具体到该页面,虽然别人(尤其是如果性能是非常重要的)会认为编译此尽可能到一个文件中,只在页面上特定的命令。

0

除了建议添加母版页jQuery的链接,我建议使用嵌套母版页使得基母版页具有标记,并衍生出主包括jQuery的。这样,您可以选择在逐页基础上使用jQuery启用的主控或非jQuery(基础)主控页面以实现最佳性能。