我以前問過如何將remotely load cytoscape作爲依賴。 @GBE提供了以下answer Cytoscape.js不顯示？

<script src="https://cdnjs.cloudflare.com/ajax/libs/cytoscape/2.7.10/cytoscape.js"></script>

所以我做了一個HTML文件，並逐字複製從Cytoscape的introductory example（在<script>code</script>包圍它，但結果呈現以下爲方便起見，什麼都沒有。爲什麼？代碼。

迷你型問題：爲什麼源封裝成：

<script src="stuff"></script>

和其他一切是

<script> code </script>？

介紹，例如

<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>

來源

2016-10-28 SumNeuron

當你寫

<script> 
    //Javascript code 
</script>

你打開和關閉標籤之間寫將被渲染的JavaScript代碼。但是，如果<script>標籤內有已指定src屬性附加傷害像

<script src="https://cdnjs.cloudflare.com/ajax/libs/cytoscape/2.7.10/cytoscape.js"></script>

然後在https://cdnjs.cloudflare.com/ajax/libs/cytoscape/2.7.10/cytoscape.js發現Javascript代碼將被渲染。
你可以看到什麼樣的代碼將被輸入瀏覽器URL呈現框中https://cdnjs.cloudflare.com/ajax/libs/cytoscape/2.7.10/cytoscape.js

這實際上是一個CDN - Content Delivery Network/Content Distribution Network。您也可以使用.js文件代替CDN。當您使用.js文件時，您需要指定找到該項目的路徑。

編輯：工作示例：https://jsfiddle.net/0py37s5x/2/

來源

2016-10-28 07:11:30 eg16

@SumNeuron另一個工作版本：https://jsfiddle.net/0py37s5x/2/ – eg16

@SumNeuron當你刪除CSS這是行不通的。由於您正在使用

此div來顯示所有內容。這個div有一個id =「cy」，使用CSS定義寬度：100％;身高：100％;.當你沒有定義任何屬性（使用css）的div比它顯示爲空/空，所以你什麼也看不到。 – eg16

這是一個愚蠢的問題..我如何從另一個文件加載JSON？ – SumNeuron

Cytoscape.js不顯示？

介紹，例如

回答

相關問題