jQuery UI 可排序防止在放置时执行

Question

我正在使用 jQuery UI 库中的可排序小部件并注意到一些事情。如果我排序/放置一个可拖动的项目，例如包含警报（'运行一次'）等脚本的div。每次被删除时它都会执行 javascript 代码。我知道这很有意义，因为它每次都会将其写入 DOM。但现在我想知道是否有人知道解决这个问题的方法。我倾向于对所有包含 javascript 的 div（portlet）进行排序，这些 javascript 不应运行多次:)

谢谢。

Answer 1

在物品被掉落时向其添加一个类别，并在后续掉落时检查该类别应该可行。像这样的东西：

$('#element').bind('onDrop', function () {
    if (!$(this).hasClass('dropped')) { // if the element hasn't been dropped before
        $(this).addClass('dropped'); // add the dropped class
        alert('run once');
    }
});