jquery - 奇怪的问题 : Variable is not defined on touchscreen

Question

我在构建的网页上遇到了非常奇怪的行为。我想在用户删除图片并想要撤消该操作并将图片放回原位时实现撤消功能。

现在，用户可以将图像向左拖动并将其放入容器中。当他点击 UNDO 按钮时，图片应该恢复到最后已知的位置。

在代码中，我将对象的位置和名称添加到数组中:

deletedProfiles.push({"id": CandidateId, "posX": PositionX, "posY": PositionY});

之后，当用户点击 UNDO 按钮时，我将读取数组的最后一个值并使用它来恢复 DIV 并将其重新定位到最后知道的位置:

// GET THE VALUES FROM THE LAST PROFILE OUT OF THE HISTORY
historyId = deletedProfiles[deletedProfiles.length-1].id;
historyPositionX = parseInt(deletedProfiles[deletedProfiles.length-1].posX);
historyPositionY = parseInt(deletedProfiles[deletedProfiles.length-1].posY);

// RESTORE THE PROFILE
$('#' + historyId).removeClass("grey").addClass("color");
$('#' + historyId).fadeIn(250);
$('#' + historyId).offset({ top: historyPositionY, left: historyPositionX});

现在，当我在笔记本电脑上打开此页面并执行所需的操作时，它可以完美运行。当我使用连接到笔记本电脑的触摸屏并刷新同一页面时，deletedProfiles[deletedProfiles.length-1].id 返回“undefined”。

在我的平板电脑上它有同样的问题，它不识别变量。

我已经确保变量是第一个加载到页面上的东西，以防止对尚不存在的变量进行任何调用。此外，当您单击“撤消”按钮时，它确实表明数组中有 1 个元素。

我试图用 fiddle 重现它，但没有任何运气。我已经在 http://bit.ly/1AR6l0Z 上上传了该页面的精简版

只是一些测试说明:- 将图片向左拖放到灰色区域，灰色区域将出现并放入。图片将消失。

• 单击撤消按钮，该按钮将在您放下图片后立即出现。

• 警报框将弹出信息。

如果有人知道为什么会这样，请赐教。

供您引用:我使用 Chrome 作为浏览器。

谢谢!

Answer 1

您是否检查过您的“拖放”事件是否在您的平板电脑上有效，它可能不会被触发并且不会推送您的阵列？

我发现这个问题可能类似 ipad drag and drop

抱歉，如果没有帮助，我是新来的 :)