jQuery interfeysi jQuery UI - bu jQuery ishlab chiquvchilarining o'zlaridan vidjetlar va plaginlar to'plami. Menimcha, ushbu velosipedni o'zingiz yozmasligingiz uchun ushbu vositani talab qilinadigan darajada o'rganish kerak. Ushbu qo'shimcha jQuery qo'shimchasini loyihaning asosiy sahifasida yuklab olishingiz va o'qishingiz mumkin - http://jqueryui.com/ .
Vidjetlar va plaginlar haqida nimani bilishimiz kerak? Birinchisi ular nima, ikkinchisi ular qanday ishlashlari. Ushbu ikkita fikrga to'xtalib o'tishga harakat qilaman.
Interaktivlik Interfaol interfeyslarni yaratishda hayotni engillashtiradigan ba'zi foydali plaginlardan boshlayman:
Draggable - bu komponent har qanday DOM elementini sichqoncha yordamida sudrab olinadigan qilishga imkon beradi
Droppable - Draggable komponentining mantiqiy davomi; ichida narsalarni tortishingiz mumkin bo'lgan konteynerlar bilan ishlash uchun zarur
O'zgaruvchan - nomidan ko'rinib turibdiki, har qanday DOM elementlarini cho'zishga imkon beradi
Tanlanadigan - elementlarning "tanlovini" tashkil etishga imkon beradi; tasvirni boshqarish uchun foydalanish uchun qulay
Tartibga solish - DOM elementlarini saralash
Vidjetlar Vidjetlar allaqachon JavaScript kodini emas, balki HTML va CSS dasturlarini ham o'z ichiga olgan murakkab echimdir:
Akkordeon - agar ushbu loyihada jQuery UI ishlatilgan bo'lsa, ushbu vidjetdan foydalanish kerak; o'z-o'zidan uning asosiy funktsiyalari bir nechta satrlarda amalga oshirilishi mumkin (siz buni accordion.html-da ko'rishingiz mumkin )
Avtomatik to'ldirish - nomidan ko'rinib turibdiki, ushbu vidjet avtomatik to'ldirish funktsiyasini kirish maydonlariga qo'shish uchun javob beradi, albatta, AJAX ko'magi bilan
Tugma - JavaScript bilan tugmachalarni yaratish hanuzgacha yomon xulq-atvor, ammo agar siz jQuery UI-ga juda qo'shilsangiz foydali bo'lishi mumkin:
Datepicker - agar sizning brauzeringiz HTML 5 spetsifikatsiyasini to'liq qo'llab-quvvatlamasa va xususan, ushbu vidjet yordamida ushbu xususiyatni taqlid qilishingiz kerak bo'ladi:
Muloqot - biroz noqulay dialog oynalarini yaratish uchun vidjet:
Menyu - ro'yxatdan menyu yaratish, uya qo'llab-quvvatlashi bilan
Progressbar - ism o'zi uchun gapiradi, lekin HTML 5-da u quyidagilarni o'z ichiga oladi:
Slider - eskirgan brauzerlar uchun yana bir vidjet:
Yorliqlar - bu yorliqlar, veb-ishlab chiqishda juda mashhur element va xuddi "Akkordeon" singari biz uni oddiy kod bilan to'liq almashtirishimiz mumkin ( tabs.html- ga qarang ):
Maslahatlar - bu so'nggi vidjet, ko'rsatmalar; sodda va talabga javob berishi kerak, ammo keyin hayot ko'rsatib beradi
Shu bilan vidjetlarning umumiy ko'rinishi tugadi, keling plaginlarga qaytaylik.
Barcha vidjetlar va plaginlar asosiy jQuery interfeysiga bog'langan, ammo plaginlarning o'zaro bog'liqliklari ham bor va ular yodda tutilishi kerak. Ammo xavotir olmang - jQuery UI paketini yaratishda barcha bog'liqliklar avtomatik ravishda tekshiriladi, ya'ni. oldindan bog'lanmagan vidjet kerak bo'lganda, yig'ilishni qayta yuklab olish yaxshiroqdir.