Question

我在编码方面很陌生，使用dragNodes插件时遇到了一些麻烦。我可以使用生成的随机图形示例使插件单独工作，但我正在努力使其与我自己的图形一起工作。

我不明白将什么放在HTML中。我试图只把它放在那里：

`<script src="sigma.js/plugins/sigma.plugins.dragNodes/sigma.plugins.dragNodes.js"></script>sigma.plugins.dragNodes(s, s.renderers[0]);`

它并没有使我的节点移动。我想我必须改变＆＃34; s＆＃34;的内容。和＆＃34; s.renderers [0]＆＃34;但是我找不到。我不知道怎么做......

基本上，如果有人能给我一些关于如何在我的页面中插入插件的解释，我会很高兴吗？如果你可以帮助我，我会失败，那将是非常棒的！非常感谢你！

Answer 1

我认为你混淆了两件事：

如何将脚本用于html
如何在网页中包含外部js文件。

为了将javascript直接插入到html页面中，您必须使用script标记，如下所示（称为内联js）：

<body>
    <script>
        // some inline js
        var a = 1;
    </script>
</body>

为了包含来自外部文件的js，您必须像使用src属性一样引用该文件。

<script src="sigma.js/plugins/sigma.plugins.dragNodes/sigma.plugins.dragNodes.js"></script>

您唯一遗漏的是sigma.plugins.dragNodes(s, s.renderers[0]);也是一些js代码，因此您必须将其放入脚本标记中，以便浏览器可以对其进行解释。

以下是您可能要写的内容：

<script src="sigma.js/plugins/sigma.plugins.dragNodes/sigma.plugins.dragNodes.js">
</script>
<script>
    sigma.plugins.dragNodes(s, s.renderers[0]);
</script>

将所有这些内容纳入<body>代码。

我还应该提一下，要使用sigma渲染图形，您的页面中应该有一个sigma实例，在您的情况下，它应该被称为s。

要了解有关js / web编程的更多信息，我建议您：http://www.codecademy.com/

就sigma的文档而言，请查看他们的教程：http://sigmajs.org/

Answer 2

除了Nicolas Joseph的答案（将javascript放在脚本标签中），您还应该下载所需的js库并将html文件保存在适当的路径中。

例如，如果您的file.html位于目录dir（dir / file / .html）中然后是命令：

<script src="sigma.js/plugins/sigma.plugins.dragNodes/sigma.plugins.dragNodes.js">
</script>

将在以下路径中搜索名为sigma.plugins.dragNodes.js的文件： DIR / sigma.js /插件/ sigma.plugins.dragNodes / sigma.plugins.dragNodes.js

要查看您缺少哪些图书馆，您应该在浏览器中打开调试模式（右键单击＆gt;检查元素）并检查控制台选项卡。

干杯

sigma.js如何在我自己的页面上插入插件

2 个答案: