疎結合なUIコンポーネントの作成について - monjudoh’s diary
複数画面で使えるAjax formダイアログのコンポーネントを作る 初期状態 Google CalendarのようなWebアプリを想像してください。 1日が1個のセルになっていて、セルをクリックしたらスケジュール登録ダイアログが表示され、 入力して登録ボタンを押すとスケジュールが登録され、セルの中に登録されたスケジュールが表示されます。 イメージ define([ 'schedule-model' ,'schedule-api' ,'schedule-to-selectors' ,'growl' ,'app/schedule-dialog-template' ,'debug' ,'jqueryui/dialog' ],function( ScheduleModel ,ScheduleApi ,scheduleToSelectors ,growl ,scheduleDialogTemplat
jQuery custom event 応用編 - monjudoh’s diary
前置き custom eventとは何か?(前置きの前置き) ブラウザがサポートしているeventではない独自定義event。 clickとかはブラウザがサポートしているevent ユーザのアクションやブラウザの状態等によって直接発火されることはない click eventは、ユーザがマウスポインタを要素の上に移動後にマウスのボタンを押すと発火される DOMContentLoaded eventは、ページのHTMLがダウンロード完了し、すべてパースされると発火される jQueryではtrigger,triggerHandler methodでeventをユーザのアクション等に関係なく発火することが出来る custom eventも発火出来る 逆に言うとcustom eventはJavaScriptの側からしか発火されない 以前The JUI 2009 Returnsで話をしました。 htt
jQueryのcustom eventとUIの部品化(The JUI 2009 Returns)
通常のevent設定 $('#id').bind('click',function(ev){ console.info('clicked'); }); // #idの要素click時に"clicked"と表示 $('#id').trigger('click'); // "clicked"と表示
IEではRequireJS+jQueryで$(document).ready()で設定したcallbackが実行されないことがある&その対応 - monjudoh’s diary
とりあえずRequireJS0.14.5+jQuery1.4.3,RequireJS0.15.0+jQuery1.4.4で発生。 IEは6~8っぽい。 なんで気づいたかというと IEでjQueryUI等の動作がおかしくなった CSS Box Modelがサポートされている状態なのに$.boxModel(=$.support.boxModel)がtrueでない falseですらなくundefinedだった $.boxModelの検出はjQuery(function(){})内で行われていた。 $(document).ready()と同じ 検証 対象：RequireJS0.15.0+jQuery1.4.4 環境：IE7(+CompanionJS) 今、仕事で作ってるアプリで使っているallplugins-require.jsとjquery-1.4.4.jsに 以下のようにconsole.log
eventのグローバル通知 - monjudoh’s diary
jQuery.event.trigger(eventType); で、やる。若手ITゾンビで読んだ。 主な用途はDOM要素に紐づかないcustom eventの通知用(例：ajaxSend)と思われる。 (全DOM要素への通知って用途はあるのかな?) 実行すると、jQuery.cacheに入っている全てのオブジェクト(DOM要素に限らない)に対して、このeventを通知する。 なので、Ajax中にページ更新する際の注意点 - to-RのtipsでajaxSendをbindする対象はbodyでなくても良い。 ただし、jQuery.event.global[eventType]がtrueの場合(一度でもこのeventTypeのeventをbindしたことがある場合)のみ、この処理は行われる。 なので、例えばajaxSendを一度もbindしていなければ全cacheを舐めるような処理は行われない
jQuery1.3 β1が出たみたいです - monjudoh’s diary
jQuery 1.3 beta: Sizzling and feature testing - Ajaxian 特徴としては CSSセレクタエンジンにSizzleを採用 CSSセレクタでの要素の取得が速くなる まあ自分で開発しているWebサイトなら適切にid振ったりしているだろうからあんまり効果はないのかも ブラウザテスト廃止 例えば今まで「jQuery.browser.msie && !jQuery.isXMLDoc(this)」としていた条件が「!jQuery.support.noCloneEvent && !jQuery.isXMLDoc(this)」となる。 ある機能が使えるかどうかの判断をどのブラウザかではなく、新しく導入されたどの昨日をサポートしているか見る為のプロパティ(jQuery.support)を使うようにする、ということのよう。 あくまでjQuery本体ではブラウザテ
コードリーディングjQuery.fn.nextAll - monjudoh’s diary
経緯 jQuery.fn.nextAllが割と早いのでどうせnextSiblingを次々辿って要素を詰めたりしてるんだろうと思ってコードを追ってみた。 バージョンは1.2.3を使用。 (1)ソースコード上を「nextAll」で検索したら、1253行目〜1272行目にそれっぽいのがあった。 jQuery.each({ /*中略*/ nextAll: function(elem){return jQuery.dir(elem,"nextSibling");}, /*中略*/ }, function(name, fn){ jQuery.fn[ name ] = function( selector ) { var ret = jQuery.map( this, fn ); if ( selector && typeof selector == "string" ) ret = jQuery.mu
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
