المحتوى المعروض على صفحة JQuery المكتوبة ليس له هوامش، والمحتوى قريب من حافة المتصفح، وهو أمر قبيح بشكل خاص (كما هو موضح أدناه)
الرمز هو كما يلي:
انسخ رمز الكود كما يلي:
<الجسم>
<معرف النموذج = "form1" runat = "الخادم">
<div data-role="page" id="page">
<div data-role = "header" data-theme = "b">
<h2>محتوى الأخبار</h2>
</div>
<ديف>
<ديف>
<asp:Image ID="newsImage" runat="server" AlternateText="صورة الأخبار" />
</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، الكود المعدل هو كما يلي:
انسخ رمز الكود كما يلي:
<الجسم>
<معرف النموذج = "form1" runat = "الخادم">
<div data-role="page" id="page">
<div data-role = "header" data-theme = "b">
<h2>محتوى الأخبار</h2>
</div>
<ديف>
<ديف>
<asp:Image ID="newsImage" runat="server" AlternateText="صورة الأخبار" />
</div>
<ديف>
<asp:Label ID="lblDetail" runat="server" Text="Label"></asp:Label>
</div>
</div>
<div data-role = "footer" data-theme = "d">
<h4>استشارات تقديم الطعام</h4>
</div>
</div>
</النموذج>
</الجسم>