WordPressの管理画面で「メディアを追加」のダイアログがクローズされたタイミングで何か処理をする。
$( document ).on( 'click', '.media-modal-close', function () {
// ここに処理内容を記述
} );
on関数はイベントハンドラを登録するもの。同様の機能として、live関数やdelegate関数があるが、jQuery 1.7以降ではlive関数が非推奨になっており、このon関数を使用すべき。
WordPressの管理画面で「メディアを追加」のダイアログがクローズされたタイミングで何か処理をする。
$( document ).on( 'click', '.media-modal-close', function () {
// ここに処理内容を記述
} );
on関数はイベントハンドラを登録するもの。同様の機能として、live関数やdelegate関数があるが、jQuery 1.7以降ではlive関数が非推奨になっており、このon関数を使用すべき。
レンジ入力(input[type=range])の変更時の値をリアルタイムに取得する。
/* 変更中(ドラッグ中) */
$( 'input[type=range]' ).on( 'input', function () {
var val = $(this).val();
} );
/* 変更後 */
$( 'input[type=range]' ).change( function () {
var val = $(this).val();
} );
HTML5のレンジ入力(input[type=range])要素に関連するイベントは、変更後(ドラッグ後)はchangeイベントになるが、ドラッグ中はinputイベントになる。inputイベントは、汎用的なイベント関数であるon関数を利用すること。
IDがpagetopのA要素のonClickイベントを処理する。
$( '#pagetop' ).click( function () {
// ここに処理内容を記述
return false;
} );
通常のJavaScriptと同様に、ページ遷移させない場合はfalseを返す。なお追加したコンテンツ内でonClickイベントを処理する場合はonメソッドが使える。