|
Kommunikatsiyalarini rivojlantirish vazirligi muhammad al-xorazmiy nomidagi toshkent axborot texnologiyalari universiteti farg
|
bet | 2/15 | Sana | 13.06.2024 | Hajmi | 1,37 Mb. | | #263484 |
Bog'liq Web dasturlash Draggable Interaktionni sozlash
Draggable o'zaro ta'siri uchun ko'plab moslashtirish variantlari mavjud. Quyidagi bo'limlarda yoritilgan eng muhim xususiyatlar quyidagi jadvalda jamlangan:
O'zaro ta'sir o'tkazish xususiyatlari
Mulk
|
Tavsif
|
o'qi
|
Muayyan yo'nalishlarda harakatni cheklaydi. Standart qiymat noto'g'ri, bu hech qanday cheklovlarni bildirmaydi, lekin siz "x" (faqat x o'qi bo'ylab harakatlanish) yoki "y" (faqat y o'qi bo'ylab harakatlanish) qiymatini ham belgilashingiz mumkin.
|
ushlab turish
|
Suzuvchi elementning joylashishini ekranning ma'lum bir maydoniga cheklaydi. Qo'llab-quvvatlanadigan qiymat turlari tegishli misol bilan quyidagi jadvalda tasvirlangan. Standart qiymat noto'g'ri, bu hech qanday cheklovlar yo'qligini bildiradi
|
kechikish
|
Elementni harakatga keltirishdan oldin qancha vaqt sudrab borish kerakligini belgilaydi. Standart qiymat 0 dir, bu kechikish yo'q degan ma'noni anglatadi
|
masofa
|
Elementni harakatga keltirishidan oldin foydalanuvchi boshlang'ich pozitsiyasidan tortib olishi kerak bo'lgan masofani belgilaydi. Standart qiymat 1 piksel
|
panjara
|
Ko'chirilgan elementni to'r kataklari bilan bog'lashga majbur qiladi. Standart qiymat noto'g'ri, bu hech qanday bog'lanishni bildirmaydi
| Harakat yo'nalishlarini cheklash
Elementning harakatini ma'lum yo'nalishlarda cheklashning bir necha usullari mavjud. Ulardan birinchisi, harakat yo‘nalishini X yoki Y o‘qiga cheklash imkonini beruvchi eksa opsiyasidan foydalanishdir.Misol quyida ko‘rsatilgan:
...
Vertikal torting
Gorizontal ravishda torting
Ishga tushirish misoli
Ushbu misolda biz ikkita div elementini aniqlaymiz, ularni jQuery bilan tanlaymiz va draggable() usulini chaqiramiz. Bu usul dastlab ikkala divni x-yo'nalishi bo'ylab harakatlanishini cheklaydigan ob'ektga uzatiladi.Keyin jQuery filter() usulini qo'llash orqali biz jQuery butun hujjatni qayta izlamasdan dragV elementini tanlashimiz va uni boshqa ruxsat etilgan harakatga o'rnatishimiz mumkin. yo'nalishi - Y o'qi bo'ylab Shunday qilib, biz bitta div elementni faqat vertikal yo'nalishda, ikkinchisini esa faqat gorizontal yo'nalishda sudrab borish mumkin bo'lgan hujjatni olamiz. Natija rasmda ko'rsatilgan:
|
|
Bosh sahifa
Aloqalar
Bosh sahifa
Kommunikatsiyalarini rivojlantirish vazirligi muhammad al-xorazmiy nomidagi toshkent axborot texnologiyalari universiteti farg
|