bootstrap-treeview点击折叠后，再点击展开发现选中node没有反应

最新推荐文章于 2023-09-22 19:26:15 发布

操先森编码

最新推荐文章于 2023-09-22 19:26:15 发布

阅读量4.9k

点赞数

分类专栏： Java Web 文章标签：前端 javascript bootstrap

本文链接：https://blog.csdn.net/Chasing_Technology/article/details/78921165

版权

在前端开发中遇到Bootstrap Treeview插件使用时的一个bug：初次加载页面，二级子节点展开并能正常选中触发查询。但点击折叠后再展开，子节点点击无响应。原因是之前自定义的折叠展开方法可能导致了多个treeview对象的初始化，导致事件绑定混乱。解决方案是改用treeview自身的展开和折叠方法，以确保事件正确触发。

摘要由CSDN通过智能技术生成

最近在写前端页面的时候发现一个bug。
有页面采用了bootstrap-treeview插件，刚开始加载页面的时候是默认展开二级子节点的，并且选中结点后右边会做查询，但是当我点击折叠按钮后，再点击展开按钮后，子节点点击后就没有反应了，按钮的js代码如下：

// 初始化树
$('#treeviews').treeview({
    levels : 2,
    data : json_data,// 树数据
    nodeIcon:'glyphicon glyphicon-folder-close'
});
//展开按钮 
$("#spreadBtn").click(function() {
   
    $('#treeviews').treeview({
        levels : 2,
        data : json_data,// 树数据
        nodeIcon: