jsTree перетаскивание не всегда работает

Question

Перетаскивание узла в новое место не всегда прилипает. Мой код похож

    $("#product-category-tree").jstree({
        "plugins":["themes", "html_data", "dnd"], 
        "themes":{
            "icons": false,
            "dots": false
        }
    }).bind("move_node.jstree", function(e , data){
        data.rslt.o.each(
            function(i){
                $.ajax({
                    type: 'PUT',
                    url: '/product_categories/move',
                    data: {
                        "operation" : "move_node",
                        'drag_id' : $(this).data("id"),
                        'drop_id' : data.rslt.np.data("id"),
                        'index' : data.rslt.cp + i
                    },
                    success: function(r){
                        if (r != 'success'){
                            alert(r);
                            $.jstree.rollback(data.rlbk);
                        }
                    }
                });
            }
        )
    })

Answer 1

Существует открытая проблема ( # 174) на странице проекта GitHub. Вы можете найти немало обходных путей там.

Я использовал этот, который является наименее навязчивым, но ограничен современными браузерами:

#jstree-marker-line {
    pointer-events: none;
}