Effective JQuery UI Tutorial

Question

Does anyone know a detailed and effective jQuery UI 1.7 tutorial? I just can't do it with just a demo page.

I can’t figure out what to drag. Just by doing ('div#item').draggable();

thanks

Answer 1

I like this:

http://www.learningjquery.com/2008/07/introduction-to-jquery-ui

try

 $('div#item').draggable(): 

Answer 2

To use jQuery draggable, you need to:

• Include jquery.js, jquery.ui.core.js and jquery.draggable in your page.
• Declare <div id="item">Some content</div>
• Set the width and height of your div in your css: #item { width: 100px; height: 100px; } #item { width: 100px; height: 100px; }
• Call the jQuery draggable () extension: $('div#item').draggable();

Of course, 2 and 3 can be done together:

 <div id="item" style="width: 100px; height: 100px;">Some content</div>