jstree is not a function

Question

jquery jstree中经常遇到：Uncaught TypeError: $(...).jstree is not a function这个问题

已经加载了以下内容还是会报错

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>

Answer 1

该回答内容部分引用GPT，GPT_Pro更好的解决问题
Uncaught TypeError $(.)jstree is not a function这个错误一般是由于没有正确引用jquery和jstree的js文件导致的。尤其是在使用cdn的时候，一定要确保引用的是正确的版本，正确的文件。

可以将上面的引用替换为：

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>

注意要引用jquery 3.1.1及以上版本，否则会出现上述问题。

另外，在使用之前，我们还需要在页面中添加一个容器来装载树形菜单，一般来说，都是在html中添加一个div，然后在js中通过id来实现加载，具体代码如下:

<div id="myTree"></div>

$('#myTree').jstree();

总而言之，正确引用文件、添加容器以及正确使用js方法是解决这个问题的关键。
如果回答有帮助，望采纳。