Mega Code Archive

 
Categories / JavaScript Tutorial / JQuery
 

Only draggable inside parent

< html lang="en"> <head>   <title></title>   <link type="text/css" href="js/themes/base/ui.all.css" rel="stylesheet" />   <script type="text/javascript" src="js/jquery-1.3.2.js"></script>   <script type="text/javascript" src="js/ui/ui.core.js"></script>   <script type="text/javascript" src="js/ui/ui.draggable.js"></script>   <link type="text/css" href="js/demos.css" rel="stylesheet" />   <script type="text/javascript">     $(function() {     var dragOpts = {         containment: "parent"     };            $("#drag").draggable(dragOpts);     });   </script> </head> <body>     <div id="drag">Move me</div> </body> </html>