Jquery 拖放 - 单击事件在拖放时注册

Question

我正在使用 jquery 拖放。可拖动元素是一个 div，其中有两个左右浮动的嵌套 div。放下时，左侧嵌套的 div(包含文本)将启用点击事件:

$('.element_left').click(function(e) {  
        window.open(ui.draggable.attr('data-link'));
});

现在，在放置时，单击事件偶尔会触发打开可拖动数据链接中的链接。看起来当可拖动数字与插槽编号不匹配时会触发，但不是 100%。

参见 fiddle http://jsfiddle.net/f2bbt/

奇怪...您可能需要尝试几次才能发生这种情况，将元素拖动到插槽的边缘以使插槽突出显示。 “Extract RNA”正下方的可拖动项似乎比其他项更能做到这一点...当发生这种情况时，加载了错误的页面...应该是 element_8.html，但它却为 element_1.html 打开一个新页面(其中属于分离病毒元素)。

Answer 1

看起来您想要做的是将点击处理程序添加到被删除的元素，而不是将点击处理程序添加到类 element_left 的所有元素

您需要将其更改为

ui.draggable.click(function(e) {  
    window.open(ui.draggable.attr('data-link'));
});

演示:Fiddle