如何停止在容器外拖动?

时间:2017-03-14 15:59:30

标签: javascript jquery

我正在使用此插件来处理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

1 个答案:

答案 0 :(得分:0)

缺少逗号......

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