gpt4 book ai didi

javascript - Jstree issue- 只执行一次

转载 作者:行者123 更新时间:2023-11-28 01:26:11 24 4
gpt4 key购买 nike

我创建了一个简单的 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");
});
});

最佳答案

您需要在 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();
});

关于javascript - Jstree issue- 只执行一次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32003837/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com