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

最新推荐文章于 2023-12-22 15:09:46 发布

原创

最新推荐文章于 2023-12-22 15:09:46 发布 · 5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #bootstrap

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

最近在写前端页面的时候发现一个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:'glyphicon glyphicon-folder-open'
    });
});