読者です 読者をやめる 読者になる 読者になる

regepanのはてなブログ

個人的なメモ帳レベルの文章。

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);
});