使用jQuery的母版页

时间:2014-01-15 08:17:51

标签: asp.net

我有一个问题......

我有一个新项目在创建母版页(site.master)时,以及调用另一个页面(如home.aspx)时,页面会出错。

这是一个错误:

'/'应用程序中的服务器错误。 内容控件必须是内容页面中的顶级控件或引用母版页的嵌套母版页。 描述:执行当前Web请求期间发生未处理的异常。请查看堆栈跟踪,以获取有关错误及其在代码中的起源位置的更多信息。

异常详细信息:System.Web.HttpException:内容控件必须是内容页面中的顶级控件或引用母版页的嵌套母版页。 来源错误: 在执行当前Web请求期间生成了未处理的异常。可以使用下面的异常堆栈跟踪来识别有关异常的起源和位置的信息。

这是我的母版页

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Masterpage.master.cs" 

Inherits="WebApplication2.Masterpage" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="stylesheet" href="CSS/jquery.mobile-1.4.0.min.css" />
    <script type="text/javascript" src="JS/Jquery.min1.js"></script>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

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

这是home.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="home.aspx.cs" Inherits="WebApplication2.home" MasterPageFile="~/Masterpage.Master"  %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
</head>
   <body>
   <div data-role="page">
   <div data-role="header" data-theme="b">
           </div>
   <div data-role="content">
                <ul data-role="listview" data-inset="true">
                <li><a href="#" data-role="button" id="btn_group1" data-icon="heart">1</a></li>
                <li><a href="#" data-role="button" id="btn_group2" data-icon="star">2</a></li>
                <li><a href="#" data-role="button" id="btn_group3" data-icon="star">3</a></li> 
                    </ul>
    </div>
    </div>
 </body>
</html>
请帮助我...... 感谢

2 个答案:

答案 0 :(得分:0)

D在内容页面中再次使用html,body和head标签。 在home.aspx中,您必须编写如下代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="home.aspx.cs" Inherits="WebApplication2.home" MasterPageFile="~/Masterpage.Master"  %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server" >
    <div data-role="page">
       <div data-role="header" data-theme="b">
       </div>
       <div data-role="content">
                    <ul data-role="listview" data-inset="true">
                    <li><a href="#" data-role="button" id="btn_group1" data-icon="heart">1</a></li>
                    <li><a href="#" data-role="button" id="btn_group2" data-icon="star">2</a></li>
                    <li><a href="#" data-role="button" id="btn_group3" data-icon="star">3</a></li> 
                        </ul>
        </div>
    </div>
</asp:content>

使用此链接http://msdn.microsoft.com/en-us/library/wtxbf3hh.ASPX

希望它能奏效。

答案 1 :(得分:0)

在从网站嵌套的home.aspx中,您无法使用<head></head> or <body></body> 您必须使用在网站

中定义的<asp:Content>