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

【问题标题】：.jstree() or .tree(), and how to get it to work.jstree() 或 .tree()，以及如何让它工作
【发布时间】：2010-06-08 14:43:47
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

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

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

'*' 将是函数名。

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

【讨论】：

【解决方案2】：

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

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

至于为什么会出现错误，我首先要检查的是所有必要的 JavaScript 库都被引用并且顺序正确。例如，您的页面标签中应包含以下内容（根据需要调整路径）：

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

【讨论】：

【解决方案3】：

我发现实际上是这条线导致了问题

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

在_布局中

【讨论】：