spin.jsの使い方。

ドキュメントのUsage読んだだけだとなんか不明な感じだったので基本から動作を確認していく。

基本

HTML

<div id="preview"></div>

JS

var target = document.getElementById('preview');
var spinner = new Spinner();

$('#stop').click(function(){
    // DOM treeから削除
    spinner.stop();
});

$('#spin').click(function(){
    // 表示と回転
    // 肝はここ。spin()メソッドにはtargetを渡さなければspinnerが表示されません。
    // ここで僕は何も渡してなくて、あれ、うごかねー。となった。
    spinner.spin(target);
});