2014-02-08 71 views
1

作爲cytoscape.js的全新品牌,我可能會漏掉一些明顯的東西。請原諒我,如果是這樣的話。居住代碼示例:cytoscape.js初始化 - 不完整?

我學習的第一個例子提供here

this page達到

三個文件提供 - HTML,CSS,JavaScript的 - 隨着這三個會,當加載到我的印象瀏覽器,創建一個運行的例子。

但HTML似乎是不完整的,可能有兩種方式:

  1. 的jsbin頁面上的JavaScript需要通過腳本標籤包含
  2. 變量cy不被任何定義,我可以見,導致此錯誤消息在控制檯:對象#cy有沒有方法cytoscape

該錯誤消息堆棧溢出的搜索點回非常精細cy.js文檔,但ALA s,我仍然處於黑暗中:我在哪裏初始化「cy」對象?

最重要的是,我在哪裏可以找到一個完整的工作示例,對於像我這樣的初學者非常有用,我可以仔細研究,直到我開始掌握這種編程風格的邏輯,並使用這個非常好的圖書館?

謝謝!

回答

2

我真的不知道你的JavaScript是什麼& jQuery的知識水平,但似乎你可能需要練習一點點。

  1. 是的,如果你指的是以下標籤:

    <script src="http://cytoscape.github.io/cytoscape.js/api/cytoscape.js-latest/cytoscape.min.js"></script>

    這確實是必要的,因爲它是cytoscape.js基礎上,庫本身,允許至極,例如,將方法cytoscape添加到變量#cy中,如您在第二點中所述。

  2. 變量#cydiv本身。 jQuery以這種方式引用對象ID,用#。所以:

    <div id="cy"></div>

    可稱爲$( 「#CY」)。這個函數將cytoscape函數添加到庫本身中。

我認爲this live example真的不錯,雖然你鏈接的一個更基本的和適當的獲得與cytoscape.js的基本結構和初始化聞名。我建議你通過jQuery(this course was really clear to me)瞭解並閱讀cytoscape.js documentation,這裏有很多豐富的例子。

+0

感謝。這些建議和指針很有幫助,我會追求它們。但也許,另外,一些完整的工作,完整的例子 - 也許只有一個 - 「hello world」模型 - 包含所有html,css和js,並且經過測試,不會造成任何傷害,也不會花費太多時間創造,並很可能會做一些好事。舉個例子,我會感激的! –

+0

我無法理解你的工作意味着什麼,完整的examples_,但我有[這個工具](http://jsfiddle.net/AyTg9/),我已經爲我的碩士論文工作了幾個月。這是一個尚未完成的開源項目,也許你不會理解它背後的所有代碼(不幸的是我現在太忙了,無法幫助你完成所有任務)。 – gcpdev

+0

「完全可行,完整的例子」:設想一個單獨的html文件,其中只包含兩個「script src =」行(一個用於jquery,一個用於cytoscape.js),其中包含javascript和css和html。這個自包含的文件將是一個完整的工作示例:將它加載到瀏覽器中,看到一個簡單的網絡出現。對不起,如果我在緩慢的攝取。這個描述是否更有意義?謝謝,保羅 –

2

你的第一個example確實是一個完全可行的例子。只需使用左上方的菜單即可。選擇文件 - >下載。這將下載一個單獨的HTML文件,可以直接使用。

該文件被稱爲jsbin.ravecala.1.html。打開與

firefox jsbin.ravecala.1.html 

(我也意識到這之前掙扎了一會兒。)