• Harakat yonalishlarini cheklash
  • Kommunikatsiyalarini rivojlantirish vazirligi muhammad al-xorazmiy nomidagi toshkent axborot texnologiyalari universiteti farg




    Download 1,37 Mb.
    bet2/15
    Sana13.06.2024
    Hajmi1,37 Mb.
    #263484
    1   2   3   4   5   6   7   8   9   ...   15
    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:


    Download 1,37 Mb.
    1   2   3   4   5   6   7   8   9   ...   15




    Download 1,37 Mb.

    Bosh sahifa
    Aloqalar

        Bosh sahifa



    Kommunikatsiyalarini rivojlantirish vazirligi muhammad al-xorazmiy nomidagi toshkent axborot texnologiyalari universiteti farg

    Download 1,37 Mb.