مقدمه
باسلام خدمت کاربران محترم پی وی لرن و دوستان عزیزی که با آموزش jQuery موبایل همراه ما هستند. نحوه دانلود jQuery Mobile و روش دانلود کتابخانه جی کوئری از CDNs را با هم دیدیم. در اینجا وارد مبحث صفحات در jQuery mobile و DOM Cache در جی کوئری موبایل می شیم. با ما همراه باشید.
صفحات در jQuery mobile
کاربر می تواند با صفحات جی کوئری موبایل ارتباط برقرار کند که محتوای آن ها را به logical views و page views گروه بندی می کند. با استفاده از انتقال صفحه Page view یا نمایش صفحه می تواند متحرک باشد. صفحات متعدد را می توان با استفاده از سند HTML ایجاد کرد و بنابراین نیازی به درخواست محتوا از سرور وجود ندارد.
جدول زیر انواع جزئیات صفحات را نشان می دهد.
| ردیف | نوع و شرح |
| ۱ | Single Page یا صفحه تنها
یک صفحه تنها در سند HTML با استفاده از روش استاندارد نوشتن یک قالب ایجاد می شود. |
| ۲ | Multi-Page Template یا قالب چند صفحه ای
چندین صفحه را می توان در سند HTML واحد قرار داد، هر صفحه بایستی توسط یک تگ <div> مستقل و با خاصیت ” data-role = “pageو id منحصر به فرد تعریف شود . |
| ۳ | Dialogs Page یا صفحات گفتگو
محاوره های مُدال محتوا را در یک پوشش همگانی در بالای صفحه باز می کنند. |
کنوانسیون ها در جی کوئری موبایل، مورد نیاز نیست
data-role ویژگی المانهایی مانند سرصفحه، پاورقی، صفحه و محتوا، برای ارائه قالب اولیه و ساختار یک صفحه استفاده می شوند.
برای اسناد single page ، بسته بندی صفحه مورد نیاز است برای تنظیم خودکار به صورت اختیاری تنظیم شده است.
عنصر ساختاری می تواند برای یک صفحه وب با custom layout حذف شود.
برای مدیریت صفحات، بسته بندی صفحه توسط چارچوب تزریق می شود وقتی که نشانه گذاری نشده است.
پیش فرض صفحات در جی کوئری موبایل
از جمله ویژگی data-prefetch، ما می توانیم صفحات را به DOM در قالب های تک صفحه پیش انتخاب کنیم.
DOM Cache در جی کوئری موبایل
هنگامی که حافظه مرورگر در DOM پر می شود، آن اهسته مرورگر تلفن همراه را پایین می آورد و یا ممکن است به دلیل بارگذاری صفحات متعدد سقوط کند. یک روش ساده برای نگهداری مرتب DOM وجود دارد.
هنگامی که یک صفحه از طریق ajax بارگذاری می شود، حذف صفحه از DOM را ،هنگامی که شما به یک صفحه دیگر حرکت می کنید نشان می دهد.
صفحه قبلی که شما بازدید کرده اید، می توانید بعد از بازبینی دوباره از کش نشان داده شود.
به جای از بین بردن صفحات، شما می توانید به jQuery موبایل بگویید که آن را در DOM با استفاده از خط زیر نگه دارد.
مثال :
| $.mobile.page.prototype.options.domCache = true; |
گزینه domainCache را به درست در پلاگین صفحه تنظیم کنید تا تمام صفحات موجود در DOM که قبلا بازدید شده بود را حفظ کنید.
مثال :
| pageContainerElement.page({ domCache: true }); |
کلام پایانی
مبحث صفحات در jQuery mobile و DOM Cache در جی کوئری موبایل به پایان رسید .در قسمت بعد به آیکن ها در جی کوئری موبایل می پردازیم. با ما همراه باشید.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
