Question

我有一个隐藏在某种意义上的div，然后当你点击一个链接时，它就会淡入，而另一个div会在黑色背后黑掉其他网站（灯箱效果）。我在这个div中有一个拖放方面。如果您移动一个对象，然后关闭div（基本上隐藏它并重新显示网站的其余部分），然后重新打开它，方块已经移动而不是重置...

是否有一种功能或方法可以“重置”我可以在关闭按钮上调用的移动元素的位置？我一直在四处寻找并发现与重置拖放事件的位置无关。

更新，我开始工作虽然这是一种有效的做事方式吗？...： FIX：

function showpanel(){
    $("#lightbox, #lightbox-panel").fadeIn(300);
}
function hidepanel(){
    $("#lightbox, #lightbox-panel").fadeOut(300);
    $("#lightbox-panel").load("main.php #lightbox-panel");
}

DnD功能（来自w3schools）：

function allowDrop(ev)
{
ev.preventDefault();
}

function drag(ev)
{
ev.dataTransfer.setData("Text",ev.target.id);
}

function drop(ev)
{
ev.preventDefault();
var data=ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(data));
var itemVariable = document.getElementById(data).id.split('-');
}

Answer 1

您可以在屏幕上将原始位置存储在变量中并手动重置位置。

//original position is 0,0
var x-position = '0px'; 
var y-position = '0px';

然后（我假设你正在使用JQuery？）在你的重置函数

$('#draggable_object').css('left', x-position).css('top', y-position);

html 5重置拖放位置

1 个答案: