Question

我想处理Drag＆amp;使用jQuery删除HTML 5功能。没有被解雇的掉落事件也没关系。看看我的代码：

<div id="columns">
  <div class="column" draggable="true"><header>A</header></div>
  <div class="column" draggable="true"><header>B</header></div>
  <div class="column" draggable="true"><header>C</header></div>
</div>

$('#columns .column').on({
    dragstart: function() {
        $(this).css('opacity', '0.5');
    },
    dragleave: function() {
        $(this).removeClass('over');
    },
    dragenter: function() {
        $(this).addClass('over');
    },
    dragend: function() {
        $(this).css('opacity', '1');
    },
    drop: function() {
       alert('drop');
    }
});

我的警报没有被解雇，但是dragend是。 dragend和drop之间有什么区别？

我发现了jQuery和drop事件jQuery.event.props.push('dataTransfer');

我现在被困住了，我做了一个小提琴，有人可以帮我完成我的考试吗？ http://jsfiddle.net/sylouuu/bNQeJ/3/

Answer 1

检查一下：http://jsfiddle.net/bNQeJ/4/

根据this，您需要在最后event.preventDefault或dragenter事件中致电dragover以创建有效的放弃目标。

拖动;删除HTML5 jQuery：如何触发drop事件？

1 个答案: