jQuery

pureとjQuery ui Accordionを使ってみる

APIなどから取得したjson配列を展開してアコーディオンを構築する処理について、コードが煩雑だったのですが、pureとAccordionですっきりさせることができました。 pure+ jquery ui accordionでjson配列をマッピングするサンプルコード <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>

jQueryプラグインのテンプレートエンジン

jQueryクックブックのレシピ17.4(p.428)にて、テンプレートエンジンの紹介がありました。「PURE」という名前のjQueryプラグインです。 jsのテンプレートエンジンは、以前にjTemplatesの採用を検討したのですが見送ってました。(理由は忘れた。多分なんとな…

jQueryUIの利用を検討する

jQuery UIは一度検討したものの却下していたのですが、ちゃんと機能を把握せず却下していたようなので、再度検討することにします。jQuery UI - Home 最新版を全機能ビルドでDLしたところ、サイズが1000kb以上もありました。Eclipseでjsのコンパイルを有効に…

jQuery.fn.extendで$()を拡張する

jQueryのセレクタで指定した要素をfadeOutで消して、消えた直後にfadeInで再度表示するようなアニメーションの実装を考えます。 これは、下記のようなコードで実現できます。 $("#hoge").fadeOut("slow", function(){ $("#hoge").fadeIn("slow"); }); このよ…

opensocial-jquery.jsとjsdeferred.jsを一緒に使ってみる

APIからJSON配列を取得して要素を展開する処理は、opensocial-jquery.jsでは下記のように記述できます。 $(document).ready(function(){ $.getJSON("/boke/randomArray?size=5") .next(function(data) { var bokes = data.randomArray; alert(bokes.length);…

getJSON(), get(), ajax()について

$.getJSON(url, [data], [callback])は、getのラッパメソッド。下記と等価。 $.get(url, data, callback, "json"); さらに、$.get()は、$.ajax(options)のラッパメソッド。 ajax()とそれ以外の違い 通信完了時、エラー時のハンドリングが行える。 // @param …