2011-01-26 20 views
4

マスターページとコンテンツページを使用するASP.NET 3.5 WebサイトでjQueryを使用したいと思います。 jQueryを使用する子ページのためのドキュメント準備()関数を行うにはどうすればよいですか?コードはどこに置くのですか?マスターページとコンテンツページとjquery

jQuery宣言はマスターページにあるはずですが、jQuery呼び出しが解決済みページのHEADに移動することを確認する方法がわかりません。

答えて

6

コンテンツのプレースホルダをマスターのheadセクションに配置し、ページのasp:Contentタグを含むページ固有のスクリプトを作成するだけです。

マスター

<%@ Master Language="C#" %> 
<html> 
    <head> 
     <script type="text/javascript" src="scripts/jquery-1.4.3.js"></script> 
     <asp:contentplaceholder id="LocalScripts" runat="server" /> 
    </head> 
    <body> 
    </body> 
</html> 

ページ

<%@ Page Language="C#" MasterPageFile="~/Master1.master" 
     AutoEventWireup="true" Title="MyTitle" %> 
<asp:Content ID="Content1" Runat="Server" ContentPlaceHolderID="LocalScripts" > 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      // some local script logic here 
     }); 
    </script> 
</asp:Content> 
+0

'

2

あなたはちょうどこのようなものを使用することができるはずです。

<script type="text/javascript"> 
    $(document).ready(function() { 
     //Do work here 
    }); 
</script> 
:子ページで

私は、それがページに置かれているWHEREそれは大きな問題とは思いません)マスターページに必要なjQueryファイル(ライブラリとプラグイン)が含まれている限り、

となります。

+0

これは、jQueryライブラリが参照された*後*て発生.ready' '$(文書)への呼び出し限り真であります。 –

1

$(document).ready()コールは、頭の中だけでなくページのどこにでも行うことができます。あなたの子ページが頭部領域に追加のスクリプトを配置するようにしたいのであれば、headタグ内のマスターページに別のContentAreaを定義することをお勧めします。

関連する問題