javascript - 如何停止在容器外拖动？

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