githubのjqueryの使い方

質問

jqueryの使い方を教えてください。

https://github.com/kennethkufluk/js-mindmap

こちらをローカルのwordpressで修正できるようにしたいのです。
よろしくお願いします。

回答No.1

Hanagefactory

以下の前提で
・このライブラリ自体最近メンテされていない
・サンプルのjQueryのバージョン古すぎ
・ライブラリとしてAPI仕様が書かれているものはないみたい（自分でコード読んで判断しろ的な）
・自動で設定してくれるようなものではないみたい（自分で必要なものを追加していく）

なので、以下のサンプルをみながらざっくりいえば、
https://github.com/kennethkufluk/js-mindmap/blob/master/index.html

多分以下が必須モジュール
<link rel="stylesheet" type="text/css" href="js-mindmap.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/jquery-ui.min.js"></script>
<script type="text/javascript" src="raphael-min.js"></script>
<script type="text/javascript" src="js-mindmap.js"></script>

サンプルは以下のソースを記載して実装
<link href="style.css" type="text/css" rel="stylesheet"/>
<script src="script.js" type="text/javascript"></script>

実装している内容を見ると、
1. 基準となるDOM(タグ)を設定(サンプルではbodyタグ)
2. マインドマップの根っこになる最初のノードを設定(サンプルではKenneth)
3. マインドマップの根っこの枝葉を子DOMをを追って設定していく
という内容が
https://github.com/kennethkufluk/js-mindmap/blob/master/script.js
に書かれています。

なので、この手順を追って実装していけばよいのではないでしょうか。