گذر jQuery Mobile

يحتوي jQuery Mobile على تأثيرات CSS التي تتيح لك اختيار طريقة فتح الصفحة.

تأثيرات الانتقال في jQuery Mobile

يملك jQuery Mobile سلسلة من التأثيرات حول كيفية الانتقال من صفحة إلى الصفحة التالية.

ملاحظة:لتحقيق تأثيرات الانتقال، يجب أن يدعم المتصفح تحويلات CSS3 3D:

دعم المتصفح

  • يدعم متصفح Internet Explorer 10 التحويلات 3D (لا يدعم الإصدارات الأقدم)
  • لا يدعم Opera التحويلات 3D

يمكن تطبيق تأثيرات الانتقال على أي رابط أو من خلال استخدام خاصية data-transition في تقديم النموذج:

<a href="#anylink" data-transition="slide">التمرير إلى الصفحة الثانية</a>

يظهر الجدول أدناه المتغيرات المتاحة التي يمكن استخدامها مع خاصية data-transition:

الانتقال الوصف اختبار
fade افتراضي. الظهور والاختفاء التدريجي إلى الصفحة التالية اختبار
flip التمرير من الخلف إلى الأمام إلى الصفحة التالية اختبار
flow إطلاق الصفحة الحالية، إدخال الصفحة التالية اختبار
pop التحويل مثل نافذة قفل اختبار
slide التمرير من اليمين إلى اليسار إلى الصفحة التالية اختبار
slidefade التمرير من اليمين إلى اليسار والظهور التدريجي إلى الصفحة التالية اختبار
slideup التمرير من الأسفل إلى الأعلى إلى الصفحة التالية اختبار
slidedown التمرير من الأعلى إلى الأسفل إلى الصفحة التالية اختبار
التحويل انتقال إلى الصفحة التالية اختبار
لا شيء بدون تأثير انتقال اختبار

نکته:في jQuery Mobile، تأثيرات الظهور والاختفاء هي افتراضية على جميع الروابط (إذا كان المتصفح يدعمها).

نکته:تمام اثرات فوق از حرکت معکوس پشتیبانی می‌کنند، به عنوان مثال، اگر می‌خواهید صفحه از چپ به راست حرکت کند و نه از راست به چپ، از ویژگی data-direction با مقدار "reverse" استفاده کنید. این مقدار پیش‌فرض در دکمه بازگشت است.

مثال

<a href="#pagetwo" data-transition="slide" data-direction="reverse">مرور

آزمایش کنید