如何在jQuery中将被拖动的元素放入被删除的div中
我尝试的是在成功拖动后将拖动的元素与父元素相匹配(Dragable div与Dropable元素的宽度和高度相同) 有人能帮助我如何“适应”这两个元素吗 我的droppable代码如下所示:如何在jQuery中将被拖动的元素放入被删除的div中,jquery,html,css,Jquery,Html,Css,我尝试的是在成功拖动后将拖动的元素与父元素相匹配(Dragable div与Dropable元素的宽度和高度相同) 有人能帮助我如何“适应”这两个元素吗 我的droppable代码如下所示: $(function() { $( ".cells" ).droppable({ accept: "#image", activeClass: "hovered", hoverClass: "active", drop
$(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的大小相同)时,滚动条会出现在我的图板上:/你知道原因在哪里吗?