如何停止拖到容器外？

Question

我将这个插件用于mind map，处理拖动的完整代码是in this link.

这是我在案例中使用的 html，将思维导图限制在自定义潜水中，而示例转到全身。

HTML

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

CSS：

#myMap {
    min-height: 300px;
    width:      500px;
}

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

    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();
        }
    });

错误：

Uncaught SyntaxError: Unexpected identifier
mind_js.js:4 Uncaught TypeError: $(...).mindmap is not a function

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

还看了other SO answers

Answer 1

缺少一个逗号...

  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();
    }
});