.jstree()或.tree()，以及如何让它工作

Question

愚蠢的问题。我在网上找到的很多使用jstree的例子都使用了$('#someTreeId').tree()语法，而jstree网站上的演示一直引用$('#someTreeId').jstree()语法。

当我使用.jstree()时，我得到一个浏览器错误，告诉我这不是一个函数。但是，当我使用.tree时，我几乎不会走得更远:它只到达“加载...”。

到目前为止，我还没有在函数括号中包含任何选项。我假设如果我在HTML中包含UL，jstree将会生成一个基本的树。但事实并非如此。

Answer 1

可以使用这个技巧来找到jstree插件的确切函数名。

打开jquery.jstree.js，检查关键字"$.fn.* =“或"jQuery.fn.* =”或"jQuery.* =“或"$.*=”

'*‘将是函数名。

不复杂的是，在jstree插件中，函数名是jstree()。错误not a function是因为插件没有加载。检查jstree.js的脚本路径是否正确。

Answer 2

我总是使用插件网站上的文档，而不是第三方。第三方文档可能不是最新的，而插件的网站确实应该是最新的。

我还没有遇到过jstree抛出“这不是一个函数”错误的问题。如果对jstree的调用失败，那么您的标记将不会被设置为树的样式，这就解释了为什么不生成基本的树。

至于为什么会出现这个错误，我要检查的第一件事是，所有必要的JavaScript库都被引用了，并且顺序正确。例如，页面的标记中应该包含类似以下内容(根据需要调整路径)：

<script type="text/javascript" src="js/_lib/jquery.js"></script>
<script type="text/javascript" src="js/jquery.jstree.js"></script>

Answer 3

我发现这行实际上是导致问题的原因

@Scripts.Render("~/bundles/jquery") 

在_layout中