Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.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
如何在jQuery中将被拖动的元素放入被删除的div中_Jquery_Html_Css - Fatal编程技术网

如何在jQuery中将被拖动的元素放入被删除的div中

如何在jQuery中将被拖动的元素放入被删除的div中,jquery,html,css,Jquery,Html,Css,我尝试的是在成功拖动后将拖动的元素与父元素相匹配(Dragable div与Dropable元素的宽度和高度相同) 有人能帮助我如何“适应”这两个元素吗 我的droppable代码如下所示: $(function() { $( ".cells" ).droppable({ accept: "#image", activeClass: "hovered", hoverClass: "active", drop

我尝试的是在成功拖动后将拖动的元素与父元素相匹配(Dragable div与Dropable元素的宽度和高度相同)

有人能帮助我如何“适应”这两个元素吗

我的droppable代码如下所示:

$(function() {
     $( ".cells" ).droppable({
          accept: "#image",
          activeClass: "hovered",
          hoverClass: "active",
          drop: function( event, ui ) {
             }
           });
});

第一种解决方案是使用
fit

$( ".selector" ).droppable({ tolerance: "fit" }); //Draggable overlaps the droppable entirely.
第二个是修改可拖动元素的顶部和左侧属性,以便通过
.css

$(function() {
     $( ".cells" ).droppable({
          accept: "#image",
          activeClass: "hovered",
          hoverClass: "active",
          drop: function( event, ui ) {
          draggable.css("top",droppable.css("top"))
          draggable.css("left",droppable.css("left"))
             }
           });
});

谢谢,这肯定很有用,但万一我的div没有左上角属性呢?我在漂浮它们。完成任务的唯一方法是在文件中说明这样的部门的位置?给我一把小提琴,告诉我你想实现什么,我应该尽力帮助你!看这里:我的代码中有与div相同的“表”,对于每个div,我都尝试拖动图像,然后尝试将图像与该div匹配,这是棋盘游戏的一部分;)谢谢你的帮助!我已经做了我想要的,但现在有另一个问题。。。当我将图像放入另一个div(两个div的大小相同)时,滚动条会出现在我的图板上:/你知道原因在哪里吗?