Представление пустое, хотя Firebug видит HTML - PullRequest
Новая
       1

Представление пустое, хотя Firebug видит HTML

0 голосов
/ 12 апреля 2011

Моя главная страница выглядит так: 

<%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMasterPage" %>

<!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">
    <link rel="stylesheet" href="../../Content/CSS/jquery.mobile-1.0a4.1.min.css" />
    <script src="../../Scripts/jquery-1.5.1.min.js"></script>
    <script src="../../Scripts/jquery.mobile-1.0a4.1.min.js"></script>

    <title>Test</title>
</head>
<body>
    <div>
        <asp:ContentPlaceHolder ID="MainContent" runat="server">

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

И мой взгляд выглядит так: 

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Mobile.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <p>Hello from Mobile Land</p>
</asp:Content>

Firebug показывает это как HTML: 

<html xmlns="http://www.w3.org/1999/xhtml" class="ui-mobile ui-mobile-rendering landscape ui-loading min-width-320px min-width-480px min-width-768px min-width-1024px"><head><meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"><base href="http://localhost:2189/Home/MobileHome"><link href="../Content/CSS/jquery.mobile-1.0a4.1.min.css" rel="stylesheet">
    <script src="../../Scripts/jquery-1.5.1.min.js"></script>
    <script src="../../Scripts/jquery.mobile-1.0a4.1.min.js"></script>

    <title>
    Test    </title></head>
<body>
    <div>

    <p>Hello from Mobile Land</p>

    </div>


</body></html>

Итак, я пытаюсь понять, почему я ничего не вижу на экране?

1 Ответ

0 голосов
/ 13 апреля 2011

JQuery mobile требует, чтобы вся разметка HTML содержалась в атрибутах data-role, иначе она не будет их отображать.

Анатомия страницы Mobile выглядит примерно так: 

<div  data-role="page"> 
    <div  data-role="header">...</div> 
    <div  data-role="content">...</div> 
    <div  data-role="footer">...</div> 
</div>

Если вы поместите свой тег <p> во что-то подобное, оно будет работать.Именно так JQuery mobile создает страницу.Если вы включите мобильные сценарии, он будет пытаться делать это каждый раз.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...