jsTree默认展开、收起,默认选中教材示例:

一、引入jsTree组件

引入样式

<link rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/jstree@3.3.9/dist/themes/default/style.min.css"
    integrity="sha256-gX9Z4Eev/EDg9VZ5YIkmKQSqcAHL8tST90dHvtutjTg=" crossorigin="anonymous">

引入jQuery

<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"
    integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>

引入JS

<script src="https://cdn.jsdelivr.net/npm/jstree@3.3.9/dist/jstree.min.js"></script>

二、jsTree默认展开与默认收起代码示例:

三、注意

无论是默认展开、收起、选中,都需要放到 ready.jstree 中执行。

相关文章:jsTree重新加载