|
Kommunikatsiyalarini rivojlantirish vazirligi muhammad al-xorazmiy nomidagi toshkent axborot texnologiyalari universiteti farg
|
bet | 5/15 | Sana | 13.06.2024 | Hajmi | 1,37 Mb. | | #263484 |
Bog'liq Web dasturlashIshga tushirish misoli
Ushbu misol sudrab olish jarayonida elementning matn tarkibini o'zgartirish uchun boshlash va to'xtatish hodisalaridan foydalanadi. Bu afzallik Draggable oʻzaro taʼsiri toʻliq HTML va CSS yordamida amalga oshirilganligidan kelib chiqadi: siz jQuery-dan suzuvchi elementning holatini hatto ekran boʻylab harakatlanayotganda ham oʻzgartirishingiz mumkin.
Droppable o'zaro ta'siridan foydalanish
Ba'zi hollarda elementni sudrab olishning o'zi etarli bo'lishi mumkin, ammo u Droppable o'zaro ta'siri bilan birgalikda foydalanilganda juda foydali bo'ladi.
Droppable o'zaro ta'siri qo'llanilgan elementlar (elementlarni qabul qilish) Draggable o'zaro ta'sirida yaratilgan tashlab yuboriladigan elementlarni qabul qilish qobiliyatiga ega bo'ladi.
Qabul qiluvchi elementlar bilan yaratilgan droppable() usuli, lekin foydali funksiyalarga ega bo'lish uchun siz ushbu turdagi o'zaro ta'sir uchun belgilanganlar orasidan voqea ishlov beruvchilarini yaratishingiz kerak bo'ladi. Mavjud hodisalar quyidagi jadvalda ko'rsatilgan:
O'zaro ta'sir qilish hodisalari
Tadbir
|
Tavsif
|
yaratmoq
|
Elementga Droppable shovqin qo'llanilganda paydo bo'ladi
|
faollashtirish
|
Foydalanuvchi suzuvchi elementni sudrab chiqa boshlaganda paydo bo'ladi
|
o'chirish
|
Foydalanuvchi suzuvchi elementni sudrab yurishni to'xtatganda paydo bo'ladi
|
ustida
|
Foydalanuvchi suzuvchi elementni qabul qiluvchi element ustidan sudrab oʻtganda sodir boʻladi (lekin sichqoncha tugmasi hali qoʻyib yuborilmagan boʻlsa)
|
tashqariga
|
Foydalanuvchi suzuvchi elementni qabul qiluvchi elementdan tashqariga tortganda sodir bo'ladi
|
tushirish
|
Foydalanuvchi qabul qiluvchi elementda suzuvchi element qoldirganda sodir bo'ladi
|
Bir tomchi hodisa ishlovchisiga ega oddiy qabul qiluvchi elementni yaratish misoli quyida keltirilgan:
...
bu yerdan ket
meni torting
Ishga tushirish misoli
Ushbu misolda hujjatga div elementi qo'shilgan, uning matn mazmuni "Bu erda qoldiring" qatori bilan ifodalanadi. Biz jQuery yordamida ushbu elementni tanlaymiz va droppable() usulini chaqiramiz va unga tushirish hodisasi uchun ishlov beruvchini belgilaydigan sozlamalar ob'ektini o'tkazamiz. Ushbu hodisaga javob matn () usuli yordamida suzuvchi elementning matnini o'zgartirishdir.
Ushbu misolda biz yaratgan sudrab olib tashlash o'zaro ta'siri eng sodda, ammo u sudrab olinadigan va tashlab yuboriladigan o'zaro ta'sirlarning qanday ishlashini tushuntirish uchun foydali kontekstni taqdim etadi. Elementlarni sudrab olib tashlash jarayonining turli bosqichlari rasmda ko'rsatilgan:
Bularning barchasi juda oddiy ko'rinadi. Biz ko'chirilayotgan elementni qabul qiluvchi elementdan yuqori bo'lgunga qadar sudrab boramiz va uni qo'yib yuboramiz. Tushilgan element qolgan joyida qoladi va uning matn mazmuni tushish hodisasining paydo bo'lishiga javoban o'zgaradi. Quyidagi bo'limlar foydalanuvchi tajribasini yaxshilash uchun boshqa Droppable shovqin hodisalaridan qanday foydalanishni ko'rsatadi.
|
|
Bosh sahifa
Aloqalar
Bosh sahifa
Kommunikatsiyalarini rivojlantirish vazirligi muhammad al-xorazmiy nomidagi toshkent axborot texnologiyalari universiteti farg
|