jQuery UI 拖放输入字段内容

Question

正在开发一个应用程序，飞机装载管理员将重量输入到多个单独的托盘位置。通常需要更改给定托盘的放置位置，因此我正在尝试修复它，以便他们可以将托盘从一个位置拖放到另一个位置。

我暂时选择(可能是错误的)在每个输入字段旁边使用开括号和闭括号“[ ]”作为句柄，而不是直接处理输入字段。每个句柄元素都有 class='drag1'。给出以下代码:

alert($('.drag1').length);
$('.drag1').draggable({helper:'clone'});
$('.drag1').droppable({
    drop: alert('here')
});

当页面加载时，第一个警报正确报告正确的托盘位置数量 (74)，然后我立即在“此处”收到第二个警报一次且仅一次。

我希望的是，只有当我掉落时，而不是在我做任何事情之前，我才会收到第二个警报。

拖动是有效的，因为“[ ]”的克隆四处移动，但是当我将其放在另一个“[ ]”上时什么也没有发生。

问题是:为什么在页面加载时而不是在拖动时触发拖放？

也许我不能让一个元素既可拖动又可放置？

任何想法将不胜感激。

特里·利特施瓦格

Answer 1

您实际上正在调用警报函数。相反，请执行以下操作:

drop: function() { alert('here'); }