لوحة موبايل مسج
ولوحة مسج موبايل لفت إلى اليمين على الجانب الأيسر من الشاشة.
المعين من قبل معرف العنصر <div> لإضافة دور البيانات = "لوحة" الملكية لخلق لوحة.
إضافة علامات HTML <div> لعرض محتويات لوحة الخاص بك:
<div data-role="panel" id="myPanel"> <h2>面板标题..</h2> <p>文本内容..</p> </div>
ملاحظة: يجب أن توضع لوحة العلامة قبل رأس الصفحة، والمحتوى، أو بعد تكوين قاع.
للوصول إلى لوحة، تحتاج إلى إنشاء لجنة الارتباط <div> معرف الارتباط، انقر على الرابط لفتح لوحة:
<a href="#myPanel" class="ui-btn ui-btn-inline">打开面板</a>
أمثلة بسيطة من لوحة
أمثلة
<div-دور البيانات = "لوحة " معرف = "myPanel">
<H2> رئيس الفريق .. </ H2>
<P> لوحة المحتوى .. </ P>
</ div>
<div-دور البيانات = "رأس">
<H1> رأس الصفحة القياسي </ H1>
</ div>
<div-دور البيانات = "الرئيسية" الطبقة = "واجهة المستخدم المحتوى">
<P> انقر أدناه لفتح لوحة. </ P>
<a href="#myPanel" class="ui-btn ui-btn-inline"> لوحة مفتوحة </A>
</ div>
<div-دور البيانات = "تذييل">
<H1> في الجزء السفلي من النص </ H1>
</ div>
</ div>
محاولة »
إغلاق لوحة
يمكنك النقر على لوحة أو المنطقة الخارجية أو اضغط ESC لإغلاق لوحة منزلقة. يمكنك استخدام بالبيانات، * سمة لتعطيل وانقر لإغلاق لوحة انزلاق:
ممتلكات | قيمة | وصف | أمثلة |
---|---|---|---|
بيانات dismissible | صحيح | كاذبة | يحدد ما إذا كانت لوحة بالضغط على لوحة لإغلاق منطقة الخارجي. | محاولة |
، انتقد قريبة البيانات | صحيح | كاذبة | تحدد ما إذا كان يمكن أن تكون مغلقة من الانزلاق. | محاولة |
يمكنك استخدام زر لإغلاق لوحة: تحتاج فقط إلى إضافة يختلط البيانات = "إغلاق" في لوحة الخصائص <div> في. لأسباب تتعلق بالأداء، ونحن بحاجة لإغلاق الوصلات الخاصية href إلى معرف الصفحة.
أمثلة
<H2> رئيس الفريق .. </ H2>
<P> لوحة بعض النصوص .. </ P>
<a href="#pageone" data-rel="close" class="ui-btn ui-btn-inline"> إغلاق لوحة </A>
</ div>
محاولة »
لوحة العرض
يمكنك استخدام الخاصية وضع عرض البيانات للسيطرة على لوحة العرض:
قيمة الممتلكات | وصف |
---|---|
شاشة بيانات = "تراكب" | لوحة العرض على المحتوى |
بيانات العرض = "دفع" | في وقت واحد "دفع" لوحة والصفحة. |
بيانات العرض = "تكشف عن" | الصفحة الافتراضية سوف تستفيد من الشاشة مثل عرض الشرائح، سيتم عرض لوحة |
أمثلة
<div-دور البيانات = "لوحة " معرف = "revealPanel"، عرض البيانات = "تكشف">
<div-دور البيانات = "لوحة " معرف = "pushPanel"، عرض البيانات = "دفع">
محاولة »
لوحة الموقع
افتراضيا، سوف يتم عرض اللوحة على الجانب الأيسر من الشاشة. إذا كنت تريد تظهر اللوحة على الجانب الأيمن من الشاشة، يمكنك تحديد البيانات موقف = "حق" الملكية.
يمكنك تحديد مضمون اللوحة وفقا لتمرير الصفحة والتمرير. افتراضيا، لوحة جنبا إلى جنب مع التمرير الصفحة (ولكن مضمون اللوحة لا تزال في أعلى الصفحة). إذا كنت بحاجة إلى تنفيذ مضمون اللوحة هو ثابت مع التمرير الصفحة والتمرير، يمكنك إضافة = السمة الثابتة موقف البيانات "الحقيقية" في لوحة: