タグ

ブックマーク / tsmd.hateblo.jp (2)

  • Zepto.js の $.ajax にオブジェクトの配列を渡した時の不具合を直す - ダーシマ・ヱンヂニヤリング

    Zepto.js は jQuery と同じように使えるように互換性を保ちつつ、機能削減や軽量化・高速化が図られているライブラリ。ホワイトスペースなどを除去すれば 20kB 強くらいのサイズになるので、読み込み容量がシビアなモバイル向けのウェブサイトを作るときには特に重宝する。 Zepto は基的には jQuery と互換性があるが、ときどき微妙なところで挙動が異なっているのが玉にきず。 Ajax リクエストを行うための関数である $.ajax もそんな傷入りの機能のひとつのようだ。 今回取り扱うのは、 $.ajax のリクエストパラメーターとしてオブジェクトの配列を渡した時の挙動が、 Zepto と jQuery とで異なっている不具合。ちなみに v1.0 時点での不具合なので、もっとあとのバージョンでは修正されているかもしれない。 jQuery Zepto.js パラメータにオブジェク

    Zepto.js の $.ajax にオブジェクトの配列を渡した時の不具合を直す - ダーシマ・ヱンヂニヤリング
  • jQuery でアニメーションの前後に .css() とか .addClass() とかしたい時に .queue() を使う - ダーシマ・ヱンヂニヤリング

    やりたいこと jQuery の animate メソッドを使って見た目を作っている時、アニメーションの完了後にクラスを付与したいとか、 CSS を変更したいというようなことはよくある。これをエレガントな感じに書きたい。 何も考えずに jQuery っぽく書いてみる $('.target') .animate({ left: '100px', top: '100px' }, 500, 'swing') .css('background-color', 'red'); これだとうまくいかない。アニメーションが終了した時に背景色が赤になってほしいが、アニメーションが始まったと同時に赤くなってしまう。 animate のコールバック関数を指定する 解決策のひとつとして、 animate メソッドの最後の引数にコールバック関数を指定する方法がある。指定したコールバック関数は、アニメーションが完了した

    jQuery でアニメーションの前後に .css() とか .addClass() とかしたい時に .queue() を使う - ダーシマ・ヱンヂニヤリング
    typista
    typista 2013/05/31
    ぽけったー jQuery でアニメーションの前後に .css() とか .addClass() とかしたい時に .queue() を使う
  • 1