jquery - 无法拖动工作？

Question

关于如何让它发挥作用的任何想法？JSFIDDLE

这是jQuery：

$("#image").draggable({
    stop:function(event,ui) {
        var wrapper = $("#wrapper").offset();
        var borderLeft = parseInt($("#wrapper").css("border-left-width"),10);
        var borderTop = parseInt($("#wrapper").css("border-top-width"),10);
        var pos = ui.helper.offset();
        $("#source_x").val(pos.left - wrapper.left - borderLeft);
        $("#source_y").val(pos.top - wrapper.top - borderTop);
        alert($("#source_x").val() + "," + $("#source_y").val());
    }
});​

Answer 1

您的小提琴中的选择器缺少 #

Answer 2

修复警报显示undefind：

$("#dragmotto").draggable({
    stop:function(event,ui) {
        var wrappermotto = $("#wrappermotto").offset();
        var borderLeft = parseInt($("#wrappermotto").css("border-left-width"),10);
        var borderTop = parseInt($("#wrappermotto").css("border-top-width"),10);
        var pos = ui.helper.offset();

        var x = $("#dragmotto").val(pos.left - wrappermotto.left - borderLeft);
        alert(x.val());
    }
});

Answer 3

我已经分叉了你的小提琴：http: //jsfiddle.net/4WTZU/

在你的小提琴中你错过#了$("dragmotto")

它应该是$("#dragmotto").draggable();