Содержимое, отображаемое на написанной странице JQuery, не имеет полей, и содержимое находится близко к краю браузера, что особенно некрасиво (как показано ниже).
Код выглядит следующим образом:
Скопируйте код кода следующим образом:
<тело>
<form id="form1" runat="server">
<div data-role="page" id="page">
<div data-role="header" data-theme="b">
<h2>Новостной контент</h2>
</div>
<дел>
<дел>
<asp:Image ID="newsImage" runat="server" AlternateText="NewsImage" />
</div>
<дел>
<asp:Label ID="lblDetail" runat="server" Text="Label"></asp:Label>
</div>
</div>
<div data-role="footer" data-theme="d">
<h4>Консультация по кейтерингу</h4>
</div>
</div>
</форма>
</тело>
На самом деле причина очень проста: отображаемый контент не помещается внутри контента, поэтому просто добавьте data-role="content" в div. Модифицированный код выглядит следующим образом:
Скопируйте код кода следующим образом:
<тело>
<form id="form1" runat="server">
<div data-role="page" id="page">
<div data-role="header" data-theme="b">
<h2>Новостной контент</h2>
</div>
<дел>
<дел>
<asp:Image ID="newsImage" runat="server" AlternateText="NewsImage" />
</div>
<дел>
<asp:Label ID="lblDetail" runat="server" Text="Label"></asp:Label>
</div>
</div>
<div data-role="footer" data-theme="d">
<h4>Консультация по кейтерингу</h4>
</div>
</div>
</форма>
</тело>