Question

i’m new to jquery .I have problem in the following code .I saved it as a html file but the Draggable box is not visible in the browser.Do i want to install “UI Draggable plugin”
Where i went wrong ….

<style type="text/css">
    #draggable { width: 150px; height: 150px; padding: 0.5em; }
    </style>
    <script type="text/javascript">
    $(function() {
        $( "#draggable" ).draggable();
    });
    </script>
</head>



<div class="demo">

<div id="draggable" class="ui-widget-content">
    <p>Drag me and</p>
</div>

</div>

Answer 1

Demo http://jsfiddle.net/QhVNr/

$(".draggable").draggable({
    axis: "y",
    containment: 'parent'
});