无法动态添加Golden Layout项目

时间:2019-05-09 17:07:09

标签: javascript golden-layout

我是Golden Layout的新手。我的背景主要是C ++和C#,我正在逐步学习这些教程。前两个很好,但是我在三号碰壁。动态添加项目。我的代码已从示例中剪切并粘贴,因此我无法想象有什么不对。

我一直在使用chrome调试器和Visual Studio Code,这是事情停滞不前的地方:

    var myLayout = new window.GoldenLayout( config, $('#layoutContainer') 
    );

    <head>

    <script type="text/javascript" src="//code.jquery.com/jquery- 
     1.11.1.min.js"></script>
    <script type="text/javascript" src="//golden- 
     layout.com/files/latest/js/goldenlayout.min.js"></script>
    <script src="js/startupScript.js"></script>

    <link type="text/css" rel="stylesheet" href="//golden- 
     layout.com/files/latest/css/goldenlayout-base.css" />
    <link type="text/css" rel="stylesheet" href="//golden- 
      layout.com/files/latest/css/goldenlayout-dark-theme.css" />
    <link rel="stylesheet" href="css/style.css">

    </head>

  <div id="wrapper" >
  <ul id="menuContainer"></ul>
  <div id="layoutContainer"></div>
  </div>
  <body>This is the body</body>`

预期结果是教程中的屏幕可以正确显示。实际结果是左侧的黑色列和右侧的白色块,以及Chrome调试器发出的以下消息:

0 个答案:

没有答案