Question

我正在尝试在自定义CMS上制作拖放导航创建器菜单。我想为这个事件创建一个回调函数。

div #links（仅<li><a href="#">Link</a></li>）
有一个名为div #dropzone的div。

我想要一个像这样的回调函数：

$.("#dropzone").onDrop(function() { alert "Callback"; });

如何使用HTML5（如果有关于删除的新功能存在）和jQuery？一旦我得到回调，我可以自己做其余的事。

Answer 1

您可以使用jQuery UI提供的可拖动功能。它具有停止事件，当元素的拖动停止时会触发该事件。浏览以下链接 [http://jqueryui.com/demos/draggable/] [1]了解更多详情。查看可用事件的事件标记。

Answer 2

我刚刚使用了我的项目。我的关键是告诉浏览器#dropzone使用dragover事件处理程序接受放置事件：

$("#dropzone").on("dragenter", function () {
    $(this).addClass("drop-allowed");
});
$("#dropzone").on("dragleave", function () {
    $(this).removeClass("drop-allowed");
});
$("#dropzone").on("dragover", function (e) {
    e.stopPropagation();
    e.preventDefault();
    return true;
});
$("#dropzone").on("drop", function (e) {
    e.stopPropagation();
    e.preventDefault();
    // Handle drop event here.
});

可放弃的div上的OnDrop事件？

2 个答案: