

現在monacaにてjqueryを使って画像のドラッグ&ドロップをしようとしていますがうまくいきません。  
headerでjqueryを読み込み

[code]

    jQuery("#hogeDrag").draggable();
    
[/code]

このようにしてますができません  
ちなみに画像ではなくても動きません  
画面が固定されていないのとは関係があるんでしょうか  
よろしくお願いします。  
ヘッダ

[code]

    <script src="js/jquery2.1.3.min.js"></script>
    <script src="js/jquery.ui.min.js"></script>
    
[/code]

html

[code]

    <div id="draggable" class="ui-widget-content">
      <p>Drag me around</p>
    </div>
    
[/code]

js

[code]

      $(function() {
        $( "#draggable" ).draggable();
      });
    
[/code]

css

[code]

    #draggable { width: 150px; height: 150px; padding: 0.5em; }
    
[/code]

このようになっておりますよろしくお願い致します。


CC BY-SA 3.0
2015-04-30T06:41:43.313
9685
2015-04-30T09:27:51.120
2015-04-30T09:03:09.847
8000
9548
question
jquery
jqueryでのドラッグ&ドロップについて


`draggable()`は **jQuery UI** のメソッドです。  
jQuery UIも読み込む必要があります。

[code]

    $(function(){
        $('#draggable').draggable();
    });
[/code]

[code]

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
    
    <div id="draggable" style="width: 100px; height: 100px; background: #eeddcc;">
        <p>drag me</p>
    </div>
[/code]


CC BY-SA 3.0
2015-04-30T06:51:55.393
9686
2015-04-30T09:27:51.120
2015-04-30T09:27:51.120
7214
7214
9685
answer