首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Cytoscape.js不显示?

Cytoscape.js不显示?
EN

Stack Overflow用户
提问于 2016-10-28 07:00:57
回答 1查看 2.6K关注 0票数 3

我之前问过如何将远程加载细胞角作为依赖项。@GBE提供了以下回答

代码语言:javascript
运行
复制
<script src="https://cdnjs.cloudflare.com/ajax/libs/cytoscape/2.7.10/cytoscape.js"></script>

因此,我创建了一个HTML文件并逐字复制了介绍性示例 (将其封装在<script>code</script>中)。但是,结果没有显示任何结果。为什么?为了方便起见,下面的代码。

迷你问题:为什么资料来源随附如下:

代码语言:javascript
运行
复制
<script src="stuff"></script>

其他的一切都是

<script> code </script>

示例介绍

代码语言:javascript
运行
复制
<script>
var cy = cytoscape({

  container: document.getElementById('cy'), // container to render in

  elements: [ // list of graph elements to start with
    { // node a
      data: { id: 'a' }
    },
    { // node b
      data: { id: 'b' }
    },
    { // edge ab
      data: { id: 'ab', source: 'a', target: 'b' }
    }
  ],

  style: [ // the stylesheet for the graph
    {
      selector: 'node',
      style: {
        'background-color': '#666',
        'label': 'data(id)'
      }
    },

    {
      selector: 'edge',
      style: {
        'width': 3,
        'line-color': '#ccc',
        'target-arrow-color': '#ccc',
        'target-arrow-shape': 'triangle'
      }
    }
  ],

  layout: {
    name: 'grid',
    rows: 1
  }

});
</script>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-10-28 07:11:30

当你写

代码语言:javascript
运行
复制
<script>
   //Javascript code
</script>

您在开始标记和结束标记之间编写的Javascript代码将被呈现。但是,如果在<script>标记中指定了类似于

代码语言:javascript
运行
复制
<script src="https://cdnjs.cloudflare.com/ajax/libs/cytoscape/2.7.10/cytoscape.js"></script>

然后将呈现在Javascript上的https://cdnjs.cloudflare.com/ajax/libs/cytoscape/2.7.10/cytoscape.js代码。

您可以通过在浏览器URL框( https://cdnjs.cloudflare.com/ajax/libs/cytoscape/2.7.10/cytoscape.js )上键入代码来查看将呈现哪些代码。

这实际上是一个CDN - Content Delivery Network/Content Distribution Network。而不是CDN,您也可以使用.js文件。当您使用.js文件时,您需要从找到它的项目中指定路径。

编辑:工作示例:https://jsfiddle.net/0py37s5x/2/

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40299744

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档