Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使jQuery可拖放实际上与大小相同的可拖放_Javascript_Jquery_Jquery Ui_Draggable_Droppable - Fatal编程技术网

Javascript 如何使jQuery可拖放实际上与大小相同的可拖放

Javascript 如何使jQuery可拖放实际上与大小相同的可拖放,javascript,jquery,jquery-ui,draggable,droppable,Javascript,Jquery,Jquery Ui,Draggable,Droppable,我使用jquery ui正确地设置了可拖动和可拖放设置。它们都是相同的大小,所以可拖动的应该很好地适合于可拖放的。有没有办法使可拖动的卡扣插入可拖放的中间,以便完全覆盖它?如果我使用snap:parameter,它似乎只会捕捉到边缘,而不一定捕捉到可下拉列表的中间。这会不会不起作用,给或取一个像素: drop: function(event, ui) { $(ui.draggable).offset($(this).offset()); } 或者,因为您已经在使用jQ

我使用jquery ui正确地设置了可拖动和可拖放设置。它们都是相同的大小,所以可拖动的应该很好地适合于可拖放的。有没有办法使可拖动的卡扣插入可拖放的中间,以便完全覆盖它?如果我使用snap:parameter,它似乎只会捕捉到边缘,而不一定捕捉到可下拉列表的中间。

这会不会不起作用,给或取一个像素:

    drop: function(event, ui) { 
    $(ui.draggable).offset($(this).offset());
    }

或者,因为您已经在使用jQuery UI,所以有一种方法


定义
中间部分
。您是否选中了
spanMode
选项?中间的意思是,如果我有两个大小完全相同的对象,我希望可拖动的对象捕捉到完全遮住可拖放的对象。snapMode:“内部”有点帮助,但它仍然可以捕捉到不居中。返回一个示例代码。这家伙实际上解决了这个问题:捕捉:“角落”
drop: function(event, ui) { 
  ui.draggable.position({of: $(this)});
}