2013-01-01から1ヶ月間の記事一覧

John Resig の忍者本(Secret of the JavaScript Ninja)に Kindle 版が追加された

jQuery を作った John Resig が執筆したJS本、 Secrets of JavaScript Ninja が今年あたまに発売しましたが、その Kindle 版(.mobiファイル)が本日(か昨日)出版された模様です。 JavaScript の書き方は時代によってトレンドのようなものがありますが、現…

コンストラクタ関数内では return する変数の型によって返るモノが変わる

JavaScript で、(便宜上の)コンストラクタ関数を new で呼ぶ時、関数内の途中で return があると、その値が帰ると思っていた。これは半分は正しいのだが、半分は間違っていた。 たとえば以下は undefined になるんで正しい。 var Hoge; Hoge = function ()…

jQuery の .animate() で普通のオブジェクトをアニメーションさせる

説明するより見たほうが早かったりして。 $({ x:0, y:100 }) .animate({ x:100, y:50 }, { duration:5000, progress:function (anim, progress, fx) { console.log('x:' + anim.elem.x, 'y:' + anim.elem.y)); } }) このように、プリミティブなオブジェクト…

jQuery で複数の要素のアニメーションが全て終わったら何かを実行する

jQuery でたくさんの要素をグリグリ動かしたいときに、完了時刻の違う複数の要素のアニメーションが両方終わった時に何かを実行する、というような処理をしたいと思うことがある。 完了時刻が遅い方のコールバックに処理を書けば、望みのことは出来る。ただ…

jQuery でアニメーションの前後に .css() とか .addClass() とかしたい時に .queue() を使う

やりたいこと jQuery の animate メソッドを使って見た目を作っている時、アニメーションの完了後にクラスを付与したいとか、 CSS を変更したいというようなことはよくある。これをエレガントな感じに書きたい。 何も考えずに jQuery っぽく書いてみる $('.t…