主页和内容页面和jquery

时间:2011-01-26 21:11:02

标签: asp.net jquery

我想在我的ASP.NET 3.5网站中使用jQuery,它使用母版页和内容页。对于那些将使用jQuery的子页面,如何为子页面编写ready()函数?我在哪里放代码?

我认为jQuery声明应该放在母版页中,但不知道如何确保任何jQuery调用进入已解析页面的HEAD。

3 个答案:

答案 0 :(得分:6)

只需将内容占位符放在master的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>

答案 1 :(得分:2)

你应该能够使用这样的东西:

在子页面中我觉得它在页面中的位置并不重要):

<script type="text/javascript">
    $(document).ready(function () {
        //Do work here
    });
</script>

只要您在母版页中包含必要的jQuery文件(库和插件)。

答案 2 :(得分:1)

可以在页面的任何位置进行

$(document).ready()次呼叫,而不仅仅是在头部。如果您确实希望您的子页面在头部区域放置其他脚本,我建议您只在头标记内的母版页中定义另一个ContentArea。