我是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调试器发出的以下消息: