codepen.io 中的代码在下载后无法运行：平面布置图

Question

我从 codepen.io 下载了代码，但它在本地不起作用。

我怀疑对某些库的引用没有被导出，但可以找出是哪个。

谁能帮我解决这个问题（我是新手）

谢谢

更新：添加了以下代码。仍然无法正常工作

<head>
    <meta charset="utf-8">
    <title>Floor Plan - local coordinate map layers for D3.js</title>
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/d3/3.4.13/d3.min.js"></script>
    <script type="text/javascript" src="http://codepen.io/nanarth/pen/yyyqdL"></script>
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>

更新 #2：我收到的错误的屏幕截图。

Answer 1

没错，这支笔包含外部 JS 库。这是快速 gif 如何到达那里。

Answer 2

你得到的那些错误意味着 jQuery 库在代码运行时没有定义。确保：

您已经从 codepen 的右侧窗格中复制了 JS 代码
您已从 codepen 的左侧 (html) 窗格复制了内联 JS 代码
您将 javascript 包裹在 jQuery ready function

Answer 3

那么会发生什么，当导出文件时，其中一个文件由于某种原因是空的。

正在替换

<script src='js/yyyqdl.js'></script>

和

<script src='http://codepen.io/nanarth/pen/yyyqdL.js'></script>

解决了问题。

或者可以下载文件在本地使用并保留旧参考

codepen.io 中的代码在下载后无法运行：平面布置图

Code from codepen.io not working when downloaded: floorplan

javascript

local

web-deployment