Featherlight.jsにイベントを設定
2014年10月14日
Featherlight.jsで、イベントを指定できるようなので試してみました。
(Featherlight.jsについては以前書いたエントリーにでも -> Featherlight.jsでhtmlを読み込んでみる。)
開く前(.beforeOpen)
$.featherlight.defaults.beforeOpen = function(){ console.log('今から開くよ'); }
開いた後(.afterOpen)
$.featherlight.defaults.afterOpen= function(){ console.log('開いたよ'); }
閉じる前(.beforeClose)
$.featherlight.defaults.beforeClose= function(){ console.log('今から閉じるよ'); }
閉じた後(.afterClose)
$.featherlight.defaults.afterClose= function(){ console.log('閉じたよ'); }
特定のリンクに対するイベント
<a href="/test.html" data-featherlight="ajax" id="test_link">test</a>
$('#test_link').featherlight({ afterClose: function(){ console.log('閉じたよ'); } });
Ajax時の開く前イベントタイミングはhtmlの読み込みが終わって、lightbox風な動作を行う前のようですね。
読み込む前に何かをしたい時は、更に前に自分でイベントを追加しないと行けないかも。