Der auf der geschriebenen JQuery-Seite angezeigte Inhalt hat keine Ränder und der Inhalt befindet sich nahe am Browserrand, was besonders hässlich ist (wie unten gezeigt).
Der Code lautet wie folgt:
Kopieren Sie den Codecode wie folgt:
<Körper>
<form id="form1" runat="server">
<div data-role="page" id="page">
<div data-role="header" data-theme="b">
<h2>Nachrichteninhalt</h2>
</div>
<div>
<div>
<asp:Image ID="newsImage" runat="server" AlternateText="News Image" />
</div>
<div>
<asp:Label ID="lblDetail" runat="server" Text="Label"></asp:Label>
</div>
</div>
<div data-role="footer" data-theme="d">
<h4>Catering-Beratung</h4>
</div>
</div>
</form>
</body>
Tatsächlich ist der Grund sehr einfach: Der angezeigte Inhalt wird nicht im Inhalt platziert. Fügen Sie daher einfach eine Datenrolle = „Inhalt“ zum Div hinzu. Der geänderte Code lautet wie folgt:
Kopieren Sie den Codecode wie folgt:
<Körper>
<form id="form1" runat="server">
<div data-role="page" id="page">
<div data-role="header" data-theme="b">
<h2>Nachrichteninhalt</h2>
</div>
<div>
<div>
<asp:Image ID="newsImage" runat="server" AlternateText="News Image" />
</div>
<div>
<asp:Label ID="lblDetail" runat="server" Text="Label"></asp:Label>
</div>
</div>
<div data-role="footer" data-theme="d">
<h4>Catering-Beratung</h4>
</div>
</div>
</form>
</body>