<!doctype html> <html lang="en"> <head> <title>Simple Draggable with Handle</title> <link rel="stylesheet" href="all.css" type="text/css"> <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css"> <script type="text/javascript" src="../../jquery-1.2.6.js"></script> <script type="text/javascript" src="../../ui/ui.core.js"></script> <script type="text/javascript" src="../../ui/ui.draggable.js"></script> <script type="text/javascript"> $(function() { $("#draggable").draggable({ handle: "span" }); }); </script> </head> <body> <ul class="plugins"> <li class="plugin"> Draggable <div id="draggable"> <span>Handle</span> </div> </li> </ul> </body> </html>