codepen.io中的代码在下载时无效:floorplan

时间:2016-02-19 07:38:47

标签: javascript local web-deployment

我从codepen.io下载了代码,但它无法在本地运行。

http://codepen.io/nanarth/pen/raarXe

我怀疑某些库的引用不会被导出,但可以找出哪些。

任何人都可以帮助我(我是新手)

谢谢

更新:添加以下代码。仍然没有工作

<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:我得到的错误的屏幕截图。

enter image description here

3 个答案:

答案 0 :(得分:3)

你是对的,这支笔包括外部JS库。这是快速的GIF如何到达那里。

quick gif how to get to included libs

答案 1 :(得分:1)

这些错误你的意思是jQuery库没有在代码运行时定义。确保:

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

答案 2 :(得分:0)

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

替换

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

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

解决了这个问题。

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