实时代码示例：cytoscape.js初始化 – 不完整？

作为cytoscape.js ，我可能会遗漏一些明显的东西。 如果是这样，请原谅我。

我正在研究这里提供的第一个例子：

从这个页面到达

提供了三个文件 – HTML，CSS，JavaScript – 以及这三个文件在加载到我的浏览器后会创建一个运行示例的印象。

但HTML似乎不完整，可能有两种方式：

1. 需要通过脚本标记包含jsbin页面上的JavaScript
2. 变量cy没有在我能看到的任何地方定义，导致控制台中出现此错误消息：对象#cy没有方法cytoscape

对该错误消息的堆栈溢出搜索指向非常好的cy.js文档，但是，我仍处于黑暗中：我在哪里初始化“cy”对象？

最重要的是，我在哪里可以找到一个完整的工作示例，对于像我这样的原始初学者非常有用，我可以深入研究并研究，直到我开始掌握这种编程风格的逻辑，并利用这个非常好的图书馆？

谢谢！

Answer 1

你的第一个例子确实是一个完全有效的例子。 只需使用左上方的菜单即可。 选择文件 – >下载。 这将下载一个开箱即用的HTML文件。

该文件名为jsbin.ravecala.1.html 。 打开用

 firefox jsbin.ravecala.1.html 

（在我意识到这一点之前，我也挣扎了一段时间。）

Answer 2

我真的不知道你的JavaScript和jQuery知识水平是什么，但似乎你可能需要一点点练习。

1. 是的，如果你指的是以下标签：

   这确实是必要的，因为它是cytoscape.js的基础，库本身，例如，允许将方法cytoscape添加到变量#cy ，正如您在第二点中提到的那样。

2. 变量#cy是div本身。 jQuery以这种方式引用对象ID，＃。 所以：

   可以称为$（“＃cy”）。 Wich为它添加了cytoscape函数库本身。

我认为这个实例非常好，虽然您链接的那个更基本，更适合了解cytoscape.js的基本结构和初始化。 我建议你了解jQuery（ 这个课程对我来说很清楚 ）并阅读cytoscape.js文档 ，其中包含丰富的示例。