将Containment应用于Clone JQuery

时间:2016-07-28 11:54:28

标签: html jquery-ui

我希望在将图像从一个div拖动到另一个div时将包含应用于图像的克隆(保持克隆可拖动)。

问题是当图像被拖放到某个.draggable克隆变得不可拖动时,为了使其可拖动我调用 $(function() { $(".Move-Icon-Class").draggable( { containment: '#screen', helper:'clone', revert: 'invalid', scroll: false, collision: 'fit flip', } ); $("#screen").droppable({ accept: '.Move-Icon-Class', activeClass: 'ui-state-hover', hoverClass: 'ui-state-active', drop: function(event, ui) { dropped = true; $.ui.ddmanager.current.cancelHelperRemoval = true; ui.helper.appendTo(this).draggable(); // this is where i want to apply containment } }); }); 函数但是通过调用它失去了它的包含属性,到处都是可拖拽的。我尽力找到解决方案,但我找不到任何东西。

if success {
    print("Authentication successful! :) ")
    dispatch_async(dispatch_get_main_queue()) {
        blurVisualEffectView.removeFromSuperview()
    }
}

1 个答案:

答案 0 :(得分:1)

draggable内分配drop时,您需要在此时设置containment选项。

ui.helper.appendTo(this).draggable({
  containment: '#screen'
});

这将再次设置收容。