Div draggable UI not workig

Question

<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<style>
    div{width:100px;height:100px;background:yellow;}
</style>
<script>
    $(document).ready(function(){
        $('div').draggable();
    });
</script>
</head>
<body>
<div>Drag Me</div>
</body>
</html>

The code must provide 'draggable div' using 'jquery ui', but my div is not draggable. Can someone find the reason?

use $( document ).ready(function() { insted of $document.ready(function(){ — Saty, Apr 09 '15 at 10:16
Thanks buddy. I forgot adding 'http://' in stylesheet. Yoooo! — Deadpool, Apr 09 '15 at 10:19

score 0 · Answer 1 · answered Apr 09 '15 at 10:20

0

<div id="draggable" class="ui-widget-content">
  Drag Me
</div>
<script>
    $(document).ready(function(){
        $('#draggable').draggable();
    });
</script>

answered Apr 09 '15 at 10:20

kishan

301
3
12

Rino Raj · Answer 2 · 2016-03-24T11:10:23.997

0

Working Demo

$(function() {
  $('div').draggable();
});

div {
  width: 100px;
  height: 100px;
  background: yellow;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<div>Drag Me</div>

edited Mar 24 '16 at 11:10

answered Apr 09 '15 at 10:21

Rino Raj

6,264
2
27
42

score 0 · Answer 3 · answered Apr 09 '15 at 10:27

0

I have test your code into Chrome , it worked fine for me. I suggest you to visit jquery UI examples(https://jqueryui.com/draggable/)

answered Apr 09 '15 at 10:27

rnogal

51
2

Div draggable UI not workig

3 Answers3