デモ:マスク処理のコールバック関数テスト

jQuery toolsによる「マスク処理のコールバック関数テスト」の動作デモです。
この画像をクリックすると、本来であれば、エクスポーズ処理がかかります
しかしここでは、マスク処理がキャンセルされることをテストするため変数maskでフラグ制御しています

サンプルコード

HTMLのサンプル

<img src="http://nekodama.sakura.ne.jp/images/webdev/jquerytools/thumbSet/cat480x300f.png" class="cat" />

CSSのサンプル

#example .cat{
	cursor: pointer;
}

Javascriptのサンプル

// 基本的なセットアップ
$(function() {
	var mask = false;
	$("#example .cat").click(function() {
		$(this).expose({
			onBeforeLoad: function(event) {
				if(!mask){
					alert("マスク処理はキャンセルされました。")
					// マスクを処理をキャンセル
					event.preventDefault();
				}else{
					alert("マスク処理が実行されます")
				}
			}
		});
	});
});