Javascript 当dragover指向特定列时，我想防止在js中插入该列

当拖到特定的列上时，我想防止插入到该列中。在插入的内部，我希望使用javascript显示默认的重影图标（禁用）

     $(document).ready(function () {

                    $(function () {
                        var kanbanCol = $('.panel-body');
                        kanbanCol.css('max-height', (window.innerHeight - 150) + 'px');

                        var kanbanColCount = parseInt(kanbanCol.length);
                        $('.scrumview').css('min-width', (kanbanColCount * 350) + 'px');

                        draggableInit();

                    });

                    function draggableInit() {
                        var sourceId;

                        $('[draggable=true]').bind('dragstart', function (event) {
                            sourceId = $(this).parent().attr('id');
                            // alert("SourceID  "+sourceId)
                            event.originalEvent.dataTransfer.setData("text/plain", event.target.getAttribute('id'));
                        });


     $('.panel-body').bind('dragover', function (event) {
        event.preventDefault();
    });


       $('.panel-body').bind('drop', function (event) {
                            alert();
                            var children = $(this).children();
                            var targetId = children.attr('id');
                            // alert("TargetID  " + targetId)

                            if (sourceId != targetId && (sourceId == 'Processingforreq') && targetId =='QCtest') {
                                var elementId = event.originalEvent.dataTransfer.getData("text/plain");
                                $('#processing-modal').modal('show');
                                $('#confirmUpdate').on('click', function () {
                                    setTimeout(function () {
                                        var element = document.getElementById(elementId);
                                        children.prepend(element);
                                        // $('#processing-modal').modal('toggle');
                                    }, 1000);
                                });
                            }
                            else if (sourceId != targetId && (sourceId == 'QCtest') && targetId =='Filling') {
                                var elementId = event.originalEvent.dataTransfer.getData("text/plain");
                                $('#processing-modal').modal('show');
                                $('#confirmUpdate').on('click', function () {
                                    setTimeout(function () {
                                        var element = document.getElementById(elementId);
                                        children.prepend(element);
                                    }, 1000);
                                });
                            }
});

参考网站：-

---

我不确定是否有可能删除它。我想这可能取决于你使用的浏览器。不过如果你能找到一个答案，我很想知道，因为我一直在做一个像你一样的任务清单，而且我还有一个“幽灵图标”there@TomTruyen这是可能的。如果我最终得到解决方案，我会发布它。谢谢，我已经找到了这个CSS库，使它能够正常工作。也许如果你查看他们的代码，你会发现你的解决方案@TomTruyen不起作用。。