删除可拖动的容器

Question

您可以像这样动态添加容器：

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

Answer 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 );