Как получить виджеты Gridstack.js для удаления при перетаскивании в указанный div

Question

Я пытаюсь получить виджеты в сетке для удаления, когда виджет перетаскивается в отдельный элемент Div, но я не могу заставить его работать, используя "съемный" в настройках сетки.

Я пролистал документы ( https://github.com/gridstack/gridstack.js/tree/develop/doc) и попробовал различные варианты, которые там есть, а также попытался скопировать одну из демонстраций, которая имеет функциональность работает ( http://gridstackjs.com/demo/two.html) Я искал других людей, которые тоже сталкивались с этими проблемами, но не могут найти сообщения, которые могли бы помочь с этой проблемой.

Первый Div - это то место, куда я хочу перетащить виджеты, а второе - куда я буду их перетаскивать.

    <div class = 'trash ui-droppable'>
        <h1 class = 'text-center pt-4'><?= FontAwesome::light('trash'); ?> 
    </h1>
    </div>

    <div class = 'grid-stack mt-3 ui-droppable'>
        <!-- Widgets set here -->
    </div>

Вот JQuery, который устанавливает параметры сетки, вариант, который, я думаю, должен позволять вставлять виджеты, можно удалить и установить для него имя первого класса Div ".trash".

    var options = {
        cellHeight: 100,
        verticalMargin: 10,
        removable: '.trash'
    };
    $('.grid-stack').gridstack(options);

Что должно произойти, я перетаскиваю виджет на верхний элемент Div, и виджет должен быть полностью удален из сетки, но вместо этого, когда он перетаскивается и освобождается, он действует так, как будто он был перетащен из сетки, и помещает его обратно на прежнее место.

Answer 1

I had the same problem, which was fixed by giving the trash div a minimum height (like 75px).