jsTree加载错误状态

Question

jsTree应该保存每个页面重定向/重加载的树的状态，但是没有一致地这样做。这棵树似乎只保存了一些时间。

我的树如下所示，总是显示在页面左侧的导航菜单上：

| Category 1
|
| Category 2
|   ---Sub 2.1
|
| Category 3
|   --- Sub 3.1
|   --- Sub 3.2
|        --- Sub 3.2.1
|        --- Sub 3.2.2

让我们假设我选择了3.2.2类。这将重定向用户，并将所选类别按页加载正确地高亮显示。

我们的期望是，通过单击类别1，用户将再次被重定向，并且一旦页面完成加载，将选择类别1。事情不是这样的。相反，用户被定向到这个页面，但是Sub 3.2.2仍然显示为选中。

奇怪的是，当我单击第3类时，这个类别被正确地高亮显示；现在，在单击和重定向时不会选择一组不同的节点。

下面是如何初始化树：

$(function() {
// Get categories from JSON server
     $.getJSON('/getcategories', function(treedata) {

            // Builds JSON data for the tree
            var tree = menuRoot(treedata.categoryList);

            $('#jsCategoryTree').jstree({
                'core' : {'multiple' : false, 'data' : tree}, 
                'state' : { 'key' : 'jsCategoryTree', 'events' : 'activate_node.jstree'},
                'plugins' : ['state','cookies','ui','html_data'],
                'cookies' : { cookie_options : { path : '/' } }
            });

            // Binds a link to each node to redirect user
            $('#jsCategoryTree').on('activate_node.jstree', function(e, data) {
                var categoryId = data.node.id;
                location.href = '/?categoryId=' + categoryId;
            });     
        });
})

我尝试使用默认事件以及以下各种组合初始化: changed.jstree、open_node.jstree、close_node.jstree、enable_node.jstree、activate_node.jstree、select_node.jstree、set_state.jstree、refresh.jstree

我的理解是，每次单击节点时都会调用activate_node.jstree，因此它应该触发save_state方法，从而在页面重加载/重定向时复制正确的选择。

是什么导致了这种行为？

Answer 1

解决了。这个问题是由jsTree没有完成所有内部事件造成的。直到所有事件完成后才调用Save_state，并且浏览器在到达save_state之前被重定向，从而导致不可预测的行为。

使用setTimeout阻止浏览器立即重定向问题。这个值是任意的，但是100毫秒似乎适合我。

// Binds a link to each node to redirect user
$('#jsCategoryTree').on('activate_node.jstree', function(e, data) {
    var categoryId = data.node.id;
    setTimeout(function() {location.href = '/?categoryId=' + categoryId;}, 100);   
});