Lisa Dragulaga veebisaidile lihtsalt lohistamine

Otsid tasuta raamatukogu käsitsege lohistamise funktsioone? Siis Dragula on ainus vajalik ressurss.

See tasuta skript võimaldab teil lisage oma lehekülje mis tahes elemendi lohistamisfunktsioonid. See hõlmab reaktsiooni React & AngularJS raamistike toetamiseks koos vanilli JavaScriptiga.

Dragula on väga lihtne seadistada ja kaasas hulk kohandatud käivitajaid kasutaja käitumiseks. See tähendab, et pärast kasutaja lohistamist, üksuse klõpsamist või lehe mis tahes osa ümberkorraldamist saate oma funktsioone tulistada..

Kui te vaatate live-demot, mida te leiate mõned koodilõigud, koos kasutatavad proovid.

Dragula seadistus nõuab ainult üks JavaScript-fail see toimib. Kuigi lisavõimalused võivad veidi segadust tekitada.

Oletame näiteks, et teil on kaks konteinerit, #left ja # õige, mida soovite tõmmata. Sa pead lisage need konteinerid käsitsi Dragula funktsioonile lohistamismeetodite toetamiseks.

Kui teil ei ole kindlat arusaama esikülje arendamise põhialustest, siis peate võitlema Dragula kasutamisega. Kuid GitHub repol on palju suurepäraseid näiteid, mida saate järgida ja isegi koodilõigud, mida saate kopeerida.

Siin on üks näide GitHubi dokumentidest, kuidas seda teha suunata kaks (vasakut ja paremat) konteinerit:

 dragula ([document.querySelector ('# left'), document.querySelector ('# right')]); 

Pange tähele, kui vaatate GitHubi lehelt, mida leiate suur valik võimalusi saate selle funktsiooni edasi anda.

Sa võid valida üksuste kopeerimiseks või teisaldamiseks, mis konteiner (id) toetavad tõmmatud objekte ja isegi tagasihelistamise funktsioonid see toimib erinevate kasutajakäitumiste kaudu, näiteks:

• Ümberpaigutamine konteineri kohal
• Algne klõpsamise ja lohistamise sündmus
• Drop-sündmus
• Elemendist loobumine piiridest
• Elemendi / konteineri kloonimine lohistades

See raamatukogu võtab mõned esialgsed tööd aga kui sa oled JavaScripti tuttav, peaks see olema mitte-brainer.

Vaadake üle demo lehe vaata, kuidas see toimib ja saada mõned koodiproovide ideed. Dragula on tohutu raamatukogu ja see on ilmselt parim avatud lähtekoodiga skript käsitsege lohistamist kõige laialdasema kohandamisega.