删除可拖动的收容

时间:2013-04-25 13:45:50

标签: javascript jquery draggable containment

您可以像这样动态添加包含:

$(this).draggable( "option", "containment", "parent" );

如何再次移除收容? 喜欢:

$(this).draggable( "option", "containment", "none" );

除了不起作用..我在API文档中找不到任何方法

编辑:我希望能够拖动项目,但没有收容。我正在使用复选框:

        var denne = $(this);
        if ($('#containment').is(':checked')) {
            $(this).draggable( "option", "containment", "parent" );
        }
        $("#containment").each(function(){
            if ($(this).prop('checked')==false){ 
                denne.draggable( "option", "containment", false );
            }
        });

1 个答案:

答案 0 :(得分:1)

取决于你想做什么......

您可以“禁用”该元素,使其不再可拖动。

$(this).draggable( "option", "disabled", true );

或者您可以更改包含边界,以便元素可以在原始约束之外拖动。

$(this).draggable( "option", "containment", "window" );

或者通过指定确切的边界。

$(this).draggable( "option", "containment", [x1, y1, x2, y2] );

或者如Menencia在评论中提到的那样,您可以尝试将包含设置为false

$(this).draggable( "option", "containment", false );