- The drag and drop interaction pattern has been…around with us for a long time going all the way back…to the original Macintosh and using jQuery UI…you can easily add drag and drop functionality…to your applications and I'll demonstrate how…to do that in this movie.…So here in the snippets I've scrolled down to…the drag and drop section and let's open up…DragDrop_start.html and let's build ourselves…a drag and drop piece of functionality.…So let's begin by seeing how to make an element draggable.…What I'm gonna do first is bring this…document up in the browser so you can see the content.…
So here I have a Div which I'm going to make draggable.…So once we've learned how to makes items draggable…we can see how the drop function works.…So in the code let's go to the snippets…and let's begin by simply copying this line of code over…and pasting it into the Document Ready function.…So when the document loads we're going…to call the Draggable function on this Div,…and you can see that this Div down here…is the one with the I.D. of the Div.…
Skill Level Beginner
1. Basic jQuery UI Widgets
2. Advanced jQuery UI Widgets
3. Behaviors and Effects
4. jQuery UI Utilities
Next steps1m 8s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.