免打扰图标不会在屏幕上更改，但会在DOM中更改

Question

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

我已经调试过了，并且确信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时运行良好