featherlight.jsでダイアログを出す

featherlight.jsはlightbox系のライブラリなので、href先をajaxで(iframeも可)で読み込んでくるのが基本。

あるいは、同一ドキュメントのhtmlエレメントでも良い。この場合data-feather属性を入れる。

じゃ、もっと簡単に、jsのアラート代わりに使うにはどうするか?適当なクリックイベントを仕掛け、

$.featherlight(‘こんにちは’ , {type:’text’});

これで良い。簡単だが調べるのに時間がかかった。

OKボタンは実装するか、✖︎クローズボタンで良しとする。

ついでに、ダイアログを閉じるには、

$.featherlight.current().close();

これもハッキリ書いていなくて、少しハマった。

ただ、簡単に閉じれるダイアログなので、モーダルというわけには行きません。単なるお知らせです。

コメント

タイトルとURLをコピーしました