filmov
tv
Drag & drop met jQueryUI stap 3: droppable

Показать описание
We zorgen er eerst voor dat een element gaat reageren als er een draggable element boven wordt losgelaten: $('#mijnDiv').draggable({ drop: eenfunctie });
Voor een eerste poging laten we die functie een alert(); geven.
Daarna vervangen we de alert door statements die het losgelaten element laten verdwijnen.
daarvoor maken we een variabel aan. Bij de mousedown krijgt die variabele de id mee van het element waar op geduwd wordt.
Bij het droppen wordt die variabele geselecteerd en met hide() verborgen.
Ook kan er een tekstvariabele gemaakt worden, die met append() aan de html wordt toegevoegd.
Bovendien wordt een variabele gemaakt voor de padding. Bij het droppen wordt die padding opgehoogd via css().
Voor een eerste poging laten we die functie een alert(); geven.
Daarna vervangen we de alert door statements die het losgelaten element laten verdwijnen.
daarvoor maken we een variabel aan. Bij de mousedown krijgt die variabele de id mee van het element waar op geduwd wordt.
Bij het droppen wordt die variabele geselecteerd en met hide() verborgen.
Ook kan er een tekstvariabele gemaakt worden, die met append() aan de html wordt toegevoegd.
Bovendien wordt een variabele gemaakt voor de padding. Bij het droppen wordt die padding opgehoogd via css().