在拖出 JQuery 时删除项目

Question

我想启用从 droppable 中退出的选项我确实找到了我需要的 here，但是我正在使用其他库然后他/我想将内衬分析器“翻译”到我所在的库使用。我正在使用this library

接受答案的代码：

$(".draggable").draggable({
    cursor: "move",
    revert: "invalid",
    helper: "clone"
});

$(".droppable").droppable({
    accept: '.draggable',
    hoverClass: "ui-state-active",
    drop: function (ev, ui) {
        if ($(ui.draggable).hasClass('new')) {
            $('.new').draggable({
                revert: true
            });
        } else {
            $(this).append($(ui.draggable).clone().draggable({
                helper: "original"
            }).addClass('new'));
        }
    },
    out: function (event, ui) {
        $(ui.draggable).fadeOut(1000, function () {
            $(this).remove();
        });
    }

但我需要类似的东西

droppable.on('drag:start', () => {
   $('.source-point').addClass('show');
//...
});
droppable.on('drag:stop', (evt) => {
   $('.source-point').removeClass('show');
//...
});

Answer 1

试试这个：

my answer to other question, see example.的修改版

var i = 0;
var removeClass="";

droppable.on('drag:start', () => {
   $('.source-point').addClass('show');
});
droppable.on('drag:stop', (evt) => {
   $('.source-point').removeClass('show');
 document.querySelector("."+removeClass).remove();
});


[...document.querySelectorAll('body *')].forEach(el => {
  el.addEventListener('mousedown', event => {
    el.classList.add("clicked"+(++i));
    console.clear();    
    removeClass="clicked"+(+i);
  })
})