|
O'chirish mumkin bo'lgan o'zaro ta'sirni sozlash
|
bet | 7/15 | Sana | 13.06.2024 | Hajmi | 1,37 Mb. | | #263484 |
Bog'liq Web dasturlash O'chirish mumkin bo'lgan o'zaro ta'sirni sozlash
Droppable o'zaro ta'siri uning xatti-harakatlarini sozlash uchun o'zgartirishingiz mumkin bo'lgan bir qator xususiyatlarga ega. Ushbu xususiyatlar quyidagi jadvalda keltirilgan:
O'zaro ta'sir qilish xususiyatlari
Mulk
|
Tavsif
|
nogiron
|
Agar bu parametr rost boʻlsa, Droppable oʻzaro taʼsir funksiyasi dastlab oʻchirib qoʻyiladi. Standart qiymat noto‘g‘ri
|
qabul qilish
|
Qabul qiluvchi element javob beradigan suzuvchi elementlar to'plamini toraytiradi. Standart qiymat *, u har qanday elementga mos keladi
|
faol sinf
|
Faollashtirish hodisasiga javoban tayinlanadigan va o'chirish hodisasiga javoban olib tashlanadigan sinfni belgilaydi
|
hoverClass
|
Haddan tashqari hodisaga javob sifatida tayinlanadigan va chiqish hodisasiga javoban olib tashlanadigan sinfni belgilaydi.
|
bag'rikenglik
|
Haddan tashqari hodisa sodir bo'ladigan minimal o'xshashlik darajasini belgilaydi
|
Qabul qilish opsiyasidan foydalanib, Droppable oʻzaro ishlash funksiyasiga ega boʻlgan element tomonidan qabul qilinadigan tashlab yuboriladigan elementlar toʻplamini cheklashingiz mumkin. Qabul qilish variantining qiymati selektor bo'lishi kerak. Ushbu hodisa natijasida, ko'chirilayotgan element belgilangan selektorga to'g'ri keladigan bo'lsa, Droppable shovqinlari paydo bo'ladi. Tegishli misol quyida ko'rsatilgan:
...
bu yerdan ket
Element 1
Element 2
Ishga tushirish misoli
Ushbu misolda drag1 va drag2 identifikatorlari bo'lgan ikkita suzuvchi element mavjud. Qabul qiluvchi elementni yaratishda qabul qilish opsiyasi ishlatiladi, uning yordamida biz faqat drag1 elementi qabul qilinadigan suzuvchi element bo'lishini bildiramiz.
Drag1 elementini sudrab olib borganingizda, oldingi misollardagi kabi effektni ko'rasiz. Kerakli vaqtlarda faollashtirish, o'chirish, tugash va o'chirish hodisalari qabul qiluvchi elementda yonadi. Shu bilan birga, agar siz qabul qilish parametrida ko'rsatilgan selektorga mos kelmaydigan drag2 elementini sudrab olsangiz, u holda bu hodisalar o'chirilmaydi. Ushbu element erkin harakatlanishi mumkin, lekin uni qabul qiluvchi element qabul qilmaydi.
text() usulini chaqirish uchun maqbul suzuvchi elementni tanlash usulidagi o'zgarishlarga e'tibor bering. Hujjatda faqat bitta suzuvchi element mavjud bo'lganda, buning uchun id atributi etarli edi:
Drop: function() ( $("#draggable").text("Dropped") ),
Ushbu misolda ikkita suzuvchi element mavjud va id atributi bo'yicha tanlash qaytmaydi istalgan natija, chunki bu holda matn har doim bir xil suzuvchi elementda o'zgaradi, qaysi biri qabul qiluvchi element uchun maqbul bo'lishidan qat'i nazar.
Yechim jQuery UI tomonidan taqdim etilgan ui ob'ektini har bir voqea ishlovchisiga qo'shimcha argument sifatida ishlatishdir. Ui ob'ektining sudrab olinadigan xususiyati foydalanuvchi maqsad elementga sudrab olib ketayotgan yoki tushirishga urinayotgan elementni o'z ichiga olgan jQuery ob'ektini qaytaradi va kerakli elementni quyidagi tarzda tanlash imkonini beradi:
Drop: funktsiya (voqea, ui) ( ui.draggable.text("Tashdi") ),
|
| |