Question

我正在尝试使用jsTree并在他们的网站上浏览第一个示例，只得到一个正常的列表，而不是树样式化。我有这个div

  <div id="jstree">
    <!-- in this example the tree is populated from inline HTML -->
    <ul>
      <li>Root node 1
        <ul>
          <li id="child_node_1">Child node 1</li>
          <li>Child node 2</li>
        </ul>
      </li>
      <li>Root node 2</li>
    </ul>
  </div>

这个底部的javascript。

<script type="text/javascript"> $(document).ready(function () { $("#jstree").jstree(); }); </script>

列表显示正常，只是常规HTML，而不是像它应该的树。控制台中没有错误。

jsTree js文件包含在Site.Master文件中的jquery1.9.1之后，该文件通过MasterPageFile链接到此页面。

我正在使用ASP.NET作为网站，我认为这不重要，但也许它确实如此？我认为这很简单。

我假设我错过了一些简单的想法？

Answer 1

刚出现同样的问题，结果发现样式丢失了。我知道自从OP问到这个问题已经两年多了，但是任何面临同样问题的人都可以在添加这些问题并修复相对路径后给它一个机会：

<link rel="stylesheet" href="../js/themes/default/style.min.css">
<link rel="stylesheet" href="../js/themes/default-dark/style.min.css">

修改由于jQuery链接断开，jstree.zip中的演示文件不起作用。替换：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

使用：

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

（当你正在处理这个时，或者使用另一个最新的链接）瞧！

jsTree没有正确呈现列表？

1 个答案: