首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >带有母版页的ASP.Net网页窗体中的JQuery

带有母版页的ASP.Net网页窗体中的JQuery
EN

Stack Overflow用户
提问于 2014-03-26 22:27:56
回答 2查看 5.5K关注 0票数 2

我有一个名为CoursesPage.aspx的页面,它有一个母版页。在CoursesPage.aspx中,为了更好地搜索,我在课程名称上使用了自动补全jquery。这是我的脚本代码:

代码语言:javascript
运行
复制
<link rel="stylesheet" href="css/jquery-ui.css" />

    <script src="js/jquery-1.8.3.js" type="text/javascript" language="javascript"></script>

    <script src="js/jquery-ui.js" type="text/javascript" language="javascript"></script>

    <script type="text/javascript" language="javascript">
        function LoadList() {
            var ds = null;
            ds = <%=listFilter %>
        $("#txtName3").autocomplete({
            source: ds
        });
        }
    </script>

如果我不使用母版页,这段代码工作得很好。但是,我不能将其放入CoursesPage.aspx的内容标记中。它需要在head标签中,但我不能将其添加到content标签中。请给我引路。

其次,该函数在加载body标记时被调用,但我也不能添加body标记。

EN

回答 2

Stack Overflow用户

发布于 2014-03-26 22:38:33

在母版页中有两个ContentPlaceHolder标记,一个在标题中,另一个在正文中。您必须在Courses.aspx页面中添加两个内容标记,并将其中一个ContenetPlaceHolderID属性设置为母版页头的ContentPlaceHolder。例如:您的母版页:

代码语言:javascript
运行
复制
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="ResponsiveTemplate.Site" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<asp:ContentPlaceHolder ID="Head" runat="server">

</asp:ContentPlaceHolder>
</head>
<body>
<asp:ContentPlaceHolder ID="Content" runat="server">

</asp:ContentPlaceHolder>
</body>
</html>

和你的aspx页面:

代码语言:javascript
运行
复制
<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Site.Master" CodeBehind="WebForm2.aspx.cs" Inherits="ResponsiveTemplate.WebForm2" %>

<asp:Content ID="content1" runat="server" ContentPlaceHolderID="Head">
<link rel="stylesheet" href="css/jquery-ui.css" />

<script src="js/jquery-1.8.3.js" type="text/javascript" language="javascript"></script>

<script src="js/jquery-ui.js" type="text/javascript" language="javascript"></script>

<script type="text/javascript" language="javascript">
    function LoadList() {
        var ds = null;
        ds = <%=listFilter %>
    $("#txtName3").autocomplete({
        source: ds
    });
    }
</script>
</asp:Content>
<asp:Content ID="content2" runat="server" ContentPlaceHolderID="Content">
</asp:Content>
票数 2
EN

Stack Overflow用户

发布于 2014-03-26 22:36:19

您可以在母版页的头部添加内容占位符,例如:

代码语言:javascript
运行
复制
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>

然后在页面中,您可以将脚本添加到母版页的头部,方法是将其包装在引用head的内容标记中,如下所示:

代码语言:javascript
运行
复制
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<link rel="stylesheet" href="css/jquery-ui.css" />

    <script src="js/jquery-1.8.3.js" type="text/javascript" language="javascript"></script>

    <script src="js/jquery-ui.js" type="text/javascript" language="javascript"></script>

    <script type="text/javascript" language="javascript">
        function LoadList() {
            var ds = null;
            ds = <%=listFilter %>
        $("#txtName3").autocomplete({
            source: ds
        });
        }
    </script>
</asp:Content>

这不能嵌套在任何其他内容标签中。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22664066

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档