Question

我创建了一个简单的js页面和一个html页面：我想在点击按钮时得到一个jstree结构。我在第一次点击时得到结构..然而当我再次点击它给我一个正常的结构..这是一个jstree错误...请帮助

Html代码：

<body><button id="idClickMe">Click me</button><div id='jstree'></div></body>

Js代码

$(document).ready(function(){ 
    $('#idClickMe').click(function(){ 
        var resultant="<ul><li data-jstree='{'selected' : true, 'opened' : true }><span>Friend</span><ul><li>abc</li></ul></li><li><span>Wife</span></li><li><span>Company</span></li></ul>";
        $("#jstree").html(resultant);
        $("#jstree").jstree(); 
        //$("#jstree").jstree("refresh");
    }); 
});

Answer 1

您需要在HTML更改和调用之前销毁树。

<强> DEMO

$('#idClickMe').on('click',function () {
    var resultant = "<ul><li data-jstree='{'selected' : true, 'opened' : true }><span>Friend</span><ul><li>abc</li></ul></li><li><span>Wife</span></li><li><span>Company</span></li></ul>";
    $("#jstree").jstree('destroy').html(resultant);
    $("#jstree").jstree();
});

Jstree问题 - 只执行一次

1 个答案: