2009-10-19 100 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(基礎)主控頁面以實現最佳性能。