タグ

tipsとjQueryに関するhashimoyaのブックマーク (3)

  • jQuery時代に生きるクロスブラウザ対応の知恵 8選 : tech.kayac.com - KAYAC engineers' blog

    Auto Copyが移植されたらchromeへの移行を検討します。agoです。 jQueryを使用するようになってクロスブラウザを意識することは少なくなりましたが、それでもjQueryではカバーしきれない差異はそれなりにあります。 そこでjQueryを使っていてもはまる可能性の高いクロスブラウザのtipsをご紹介したいと思います。 1 Objectリテラル内の末尾カンマ { 'key' : 'val', } 上記のコードはIE6でエラーが出ます。 o = { ‘key’ : ‘val’, }; この動作はjavascriptの仕様からするとIE6の動作が正しく、来であれば末尾のカンマは記述できません。 これは他言語でJSONを扱う場合でもエラーになるので注意してください。 また、Arrayの場合、Fxは上記と同じく要素が存在しないものと認識しますが、IE6は未定義値が定義されていると解釈

    jQuery時代に生きるクロスブラウザ対応の知恵 8選 : tech.kayac.com - KAYAC engineers' blog
    hashimoya
    hashimoya 2012/01/24
    jQueryでハマって涙目になったら見る用
  • jQuery.getJSON()で、JSON形式のデータを読み込みパースし表示

    jQuery の jQuery . getJSON( url [, data] [, success( data, textStatus, jqXHR )] ) メソッドを使った Ajax リクエストで、JSON形式のデータを読み込み、パースし、表示する方法。 実装例(サンプル) 実装例(サンプル)の動作について 「toggle」ボタンをクリックすると、「jquery-sample-getJSON-json.js」ファイルを読み込み、パースし、黄色のボックス要素内に表示する。 読み込みが成功すると、「toggle」ボタンの右横に「読み込み成功」と表示する。 「toggle」ボタンを、再度クリックすると、元に戻す。 実装例(サンプル)のソースコード JavaScript <script> <!-- jQuery( function() { jQuery( '#jquery-sample-bu

    hashimoya
    hashimoya 2011/12/14
    JSONで読み込んだデータをパースして表示するサンプル
  • jQueryでテーブルをラジオボタンでソート(プラグインなし)

    jQueryでテーブルをラジオボタンでソート(プラグインなし) jQuery2010年12月25日 よくプラグインでテーブルをソートする機能が紹介されていますが、自分はあんまプラグインを追加するのが好きじゃないというのもあり、自作してみました。 ついでに自動でストライプ模様になるよう実装しています。 jQueryはこちらからダウンロード 実際のサンプル HTML <ul class="list-sort"> <li><label for="line-all"><input type="radio" id="line-all" class="item" value="あ行" name="select" />すべて</label></li> <li><label for="line-01"><input type="radio" id="line-01" class="item" value=

    hashimoya
    hashimoya 2011/12/14
    テーブルをラジオボタンでソートというシンプルな機能だけど、コメントがわかりやすかった。
  • 1