【问题标题】:Bootstrap tree view: tree is not displaying引导树视图:树未显示
【发布时间】:2019-08-22 08:24:27
【问题描述】:

我是 Bootstrap-treeview (bootstrap-treeview.js v1.0.2) 的新手。我正在尝试显示文档中给出的树,但它没有显示出来。

我检查了两个文件,没有发现错误。

html:

{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
        <link rel="stylesheet" href="{% static 'bootstrap-treeview.min.css' %}">

        <title>test</title>
    </head>
    <body>
        <div class="container">
            <div id="tree"></div>
        </div>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
        <script src="https://code.jquery.com/jquery-2.1.3.min.js" integrity="sha256-ivk71nXhz9nsyFDoYoGf2sbjrR9ddh+XDkCcfZxjvcM=" crossorigin="anonymous"></script>
        <script src="{% static 'bootstrap-treeview.min.js' %}"></script>
        <script src="{% static 'functions.js' %}"></script>
    </body>
</html>

functions.js

function getTree() {
  var tree = [
      {
        text: "Parent 1",
        nodes: [
          {
            text: "Child 1",
            nodes: [
              {
                text: "Grandchild 1",
              },
              {
                text: "Grandchild 2",
              }
            ]
          },
          {
            text: "Child 2",
          }
        ]
      },
      {
        text: "Parent 2",
      }
    ];
  return tree;
}

$('#tree').treeview({data: getTree()});

【问题讨论】:

    标签: twitter-bootstrap-3 bootstrap-treeview


    【解决方案1】:

    您正在创建数组tree,但在getTree 函数中返回data

    【讨论】:

    • 感谢您的回复。我还是一无所获,我已经更新了代码
    • 您到底需要什么?我正在关注树视图文档的示例。
    • @saikuron 我需要看看你到底有什么(以及调试控制台说什么)
    • 好的,我已经修复了 pb:我将 bootstrap.js cdn 放在 jquery cdn 之前。感谢您尝试帮助我:)
    • @saikuron 我什至没有注意到它:D 总是检查控制台是否有错误
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-10
    • 2018-11-22
    • 2018-09-21
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多