Javascript 如何停止在容器外拖动？

我使用这个插件的完整代码，处理拖动是

这就是我在本例中使用的html，在示例转到全身时，在自定义俯冲中约束思维导图

HTML

<div id="myMap"></div>

这就是我正在尝试的控制台错误：

    this.el.draggable({
        drag:function() {
            obj.root.animateToStatic();
        }
        appendTo:    "body",
        helper:      "clone",
        revert:      "invalid",
        cursor:      "move",
        containment: "#myMap",
        zIndex:      10000,
        scroll:      false,
        start:       function (event, ui) {
            this.el.hide();
        },
        stop: function (event, ui) {
            this.el.show();
        }
    });

错误：

第二个错误是指另一个文件，这很好，下面的代码破坏了js，导致其他js出现其他问题

还查看了

缺少一个逗号

  this.el.draggable({
    drag:function() {
        obj.root.animateToStatic();
    },
    appendTo: "body",
    helper: "clone",
    revert: "invalid",
    cursor: "move",
    containment: "#myMap",
    zIndex: 10000,
    scroll:false,
    start: function (event, ui) {
        this.el.hide();
    },
    stop: function (event, ui) {
        this.el.show();
    }
});

缺少一个逗号

  this.el.draggable({
    drag:function() {
        obj.root.animateToStatic();
    },
    appendTo: "body",
    helper: "clone",
    revert: "invalid",
    cursor: "move",
    containment: "#myMap",
    zIndex: 10000,
    scroll:false,
    start: function (event, ui) {
        this.el.hide();
    },
    stop: function (event, ui) {
        this.el.show();
    }
});

---

哇，我真不敢相信这是真的！道歉多亏了很多，实际上这完全停止了拖动，它将所有的拖动元素附加到身体上。移动附件来解决这个问题。但是我想做的是在divoh中约束拖动。哇，我不敢相信这是真的！道歉多亏了一个lot，实际上这完全停止了拖动，并将所有拖动元素附加到body上。移动appendTo解决了这个问题，但我试图做的是在div中约束拖动

  this.el.draggable({
    drag:function() {
        obj.root.animateToStatic();
    },
    appendTo: "body",
    helper: "clone",
    revert: "invalid",
    cursor: "move",
    containment: "#myMap",
    zIndex: 10000,
    scroll:false,
    start: function (event, ui) {
        this.el.hide();
    },
    stop: function (event, ui) {
        this.el.show();
    }
});