jquery - DND 图标在屏幕上没有变化，但在 DOM 中发生变化

Question

我需要能够将树节点拖动到 div。我在正确渲染鼠标图标时遇到问题。即使 DOM 中的类更改为 jstree-ok，它也始终显示为 X (jstree-er)。

我已经调试并确信 DOM 正在被更改。它只是没有以任何不同的方式呈现。

铌。找到解决方案here不起作用，因此注释掉了该方法(data.helper.find 不返回任何内容)。

$(document).on('dnd_move.vakata', function (e, data) {
        var t = $(data.event.target);

        // Valid drop target?
        if (t[0].classList.contains("dropzone")) {
            $("#jstree-dnd i").removeClass('jstree-er').addClass('jstree-ok');
            //data.helper.find('.jstree-icon').removeClass('jstree-er').addClass('jstree-ok');
            console.log($("#jstree-dnd i"));
        }
        else {

            $("#jstree-dnd i").removeClass('jstree-ok').addClass('jstree-er');
            //data.helper.find('.jstree-icon').removeClass('jstree-ok').addClass('jstree-er');
            console.log($("#jstree-dnd i"));
        }

    })

更新:添加了 jsfiddle。然而，它在 jsfiddle 中工作正常。事实证明，在这里巧合地尝试旧版 JQuery 突出了这个问题...... JSFiddle

Answer 1

问题似乎是 JQuery 3.3.1 和 JSTree 3.3.7 之间的一些不兼容

上面的代码使用 JQuery 2.2.4 可以正常工作