jquery的拖放问题，麻烦大神帮我看看

Question

jquery代码：
$.each($(".drawImg"),function(){
this.draggable({
start: function(event, ui) {
},
stop: function(event, ui) {
}
});
});
html代码：
<div id="drawImgArea" class="drawImgAreaBac">
<div id="Linecontainer-$tab_idx" class="drawImg">
</div>
<div id="Circlecontainer-$tab_idx" class="drawImg">
</div>
<div id="Rectcontainer-$tab_idx" class="drawImg">
</div>
<div id="Polygoncontainer-$tab_idx" class="drawImg">
</div>
</div>
怎么拖不了呢，代码哪里写的不对吗？

Answer 1

    $.each($(".drawImg"), function () {
        $(this).draggable({/////
            start: function (event, ui) {
            },
            stop: function (event, ui) {
            }
        });
    });

Answer 2

$(function(){
    $.each($(".drawImg"),function(){
        $(this).draggable({
            start: function(event, ui) {
            },
            stop: function(event, ui) {
            }
        });
    });
})

Answer 3

还想问一下，如果我想拖动的时候鼠标的x，y坐标实时显示出来该怎么做啊刚学jquery，不知道怎么获得鼠标的位置，按照网上的例子做，老是报错

Answer 4

你不加载jQuery，这辈子拖不动它们。哇哈哈哈~~~

Answer 5

<script type="text/javascript">$(function(){
    $.each($(".drawImg"),function(){
        $(this).draggable({
            drag:function (){
                var _offset = $(this).offset();
                $('#Pos').html("当前坐标：X:"+_offset.left+"_Y:"+_offset.top+"");
            },
            start: function(event, ui) {
            },
            stop: function(event, ui) {
            }
        });
    });
})
</script>
<div id="drawImgArea" class="drawImgAreaBac">
<div id="Linecontainer-$tab_idx" class="drawImg">aaa
</div>
<div id="Circlecontainer-$tab_idx" class="drawImg">bbb
</div>
<div id="Rectcontainer-$tab_idx" class="drawImg">ccc
</div>
<div id="Polygoncontainer-$tab_idx" class="drawImg">ddd
</div>
</div>
<div id="Pos"></div>

Answer 6

<input type="text" />(function(){
$(document).mousemove(function(e){
var e=e||window.event
$("input").val(e.pageX+"+"+e.pageY);
})
})

Answer 7

先谢楼上几位哈哈怪我没说清楚
<div id="drawImgArea" class="drawImgAreaBac">
<div id="Linecontainer-$tab_idx" class="drawImg">aaa
</div>
<div id="Circlecontainer-$tab_idx" class="drawImg">bbb
</div>
<div id="Rectcontainer-$tab_idx" class="drawImg">ccc
</div>
<div id="Polygoncontainer-$tab_idx" class="drawImg">ddd
</div>
</div>
<div id="Pos"></div>我想达到的效果如下
假如，aaa现在的位置相对于<div id="Linecontainer-$tab_idx"这个div来说是0,0
但是拖动的时候，拖的是div，也就是说aaa相对于div的位置没变。但是画面上看起来是变了（ class="drawImg"的div都是透明且没有边框的，class="drawImgAreaBac"是用户可以看见的，有背景色有边框），我想把画面上看起来动的距离反映出来。