Додај Драг & Дроп на веб страницу лако са Драгулом

Тражим бесплатну библиотеку руковање драг & дроп функцијама? Онда Драгула је једини ресурс који ће вам требати.

Овај бесплатни скрипт вам дозвољава додајте функције повлачења и испуштања за било који елемент на својој страници. Ово укључује подршку за Реацт & АнгуларЈС оквире, заједно са ванилијом ЈаваСцрипт.

Драгула је супер лако поставити и долази с њом хрпа прилагођених окидача за понашање корисника. То значи да можете да испалите сопствене функције након што корисник повуче ставку, кликне на ставку или преуреди било који део странице.

Ако завирите у ливе демо ћете наћи неколико исечака кода, упоредо са употребљиви узорци.

Драгула постава захтева само једну ЈаваСцрипт датотеку да то уради. Иако, додатне опције могу бити помало збуњујуће.

На пример, рецимо да имате два контејнера, #лефт и #јел тако, које желите да подржите ставке које се могу превући. Мораћеш ручно додајте ове спремнике у функцију Драгула да бисте подржали методе драг & дроп.

Ако немате чврсто схватање основа развоја фронт-енд-а онда ћете се мучити да користите Драгулу. Али, ГитХуб репо има доста одлични примери које можете пратити и чак исјечке кода које можете копирати.

Ево једног примера из ГитХуб докумената за то циљајте два (лева и десна) контејнера:

 драгула ([доцумент.куериСелецтор ('# лефт'), доцумент.куериСелецтор ('# ригхт')]); 

Обратите пажњу ако погледате даље на ГитХуб страници коју ћете наћи огромна листа опција можете прећи на ову функцију.

Можете да изаберете копирати или премјештати ставке, који контејнер (и) подржавају повучене ставке и чак цаллбацк функције који раде кроз различита понашања корисника као што су:

• Лебди изнад контејнера
• Почетни догађај кликни и повуци
• Дроп евент
• Пуштање елемента ван граница
• Клонирање елемента / контејнера повлачењем

Ова библиотека ће подузети неке почетне радове али ако сте упознати са ЈаваСцрипт-ом, то би требало да буде бесмислено.

Погледајте преко демо странице Погледај како ради и то добити неколико идеја за узорак кода. Драгула је масивна библиотека и вероватно је најбољи опен-соурце скрипт руковање повлачењем и испуштањем, са најширим опсегом прилагођавања.