Drag&Drop per dispositivi mobili su Wordpress

[Hans Castorp]

Ciao a tutti.
Ho necessità di adattare il comportamento del Drag&Drop di questa pagina (https://www.jqueryscript.net/demo/Mo...Plugin-jQuery/) all'interno di wordpress, in modo tale che il trascinamento e il rilascio funzioni anche da dispositivi mobili.
Ho quindi caricato il codice della pagina e i relativi javascript tramite ftp in una cartella della root del mio sito, e successivamente ho provato ad inserire l'html in un articolo di Wordpress e a richiamare per la singola pagina il css e il file javascript (cosa che faccio abitualmente utilizzando i tag e richiamandoli per settare css e js nel functions.php del child-theme).
In sostanza, il file html inserito nella root funziona perfettamente, quello invece caricato tramite wordpress no, nonostante siano esattamente gli stessi script.
Qualcuno saprebbe darmi una mano per cortesia per risolvere il problema? Allego i link:
Pagina html caricata via ftp (funzionante): http://www.scuolamediadigitale.it/Da...tDragDrop.html
Articolo di WP (non funzionante): http://www.scuolamediadigitale.it/prova-dd/

Grazie a tutti.

[M4V1]

Quando un js non funziona come dovrebbe la prima cosa da controllare è la console.


Nella tua pagina wp hai un errore nella console js, ti dice che la funziona sortable() non è definita, probabilmente non hai caricato correttamente lo script in wordpress. Cambia la prima riga dello script da:

$(function()

a

jQuery(function($)

E dovrebbe funzionare tutto.

Cmq ci sono librerie js per il drag & drop che funzionano molto bene, magari sono più pesanti ma hanno anche più funzionalità ed un codice migliore/più testato.

https://github.com/RubaXa/Sortable
https://github.com/Shopify/draggable
https://github.com/taye/interact.js

[Hans Castorp]

Grazie mille, adesso funziona. E grazie anche per i consigli, adesso vedo con calma i link.
Gentilissimo, un caro saluto.

[Hans Castorp]

Ho ritoccato il codice per quello che mi serviva, quindi adesso ho reso invertibile il processo di drag&drop per riportare i blocchi trascinati al div di partenza: http://www.scuolamediadigitale.it/Damiano/testfrancesco
Sto provando a fare in modo che al trascinamento venga lasciata una copia nel div più in alto: qualcuno mi sa indicare dovrei potrei intervenire? Grazie mille.