featherlight.jsはlightbox系のライブラリなので、href先をajaxで(iframeも可)で読み込んでくるのが基本。
あるいは、同一ドキュメントのhtmlエレメントでも良い。この場合data-feather属性を入れる。
じゃ、もっと簡単に、jsのアラート代わりに使うにはどうするか?適当なクリックイベントを仕掛け、
$.featherlight(‘こんにちは’ , {type:’text’});
これで良い。簡単だが調べるのに時間がかかった。
OKボタンは実装するか、✖︎クローズボタンで良しとする。
ついでに、ダイアログを閉じるには、
$.featherlight.current().close();
これもハッキリ書いていなくて、少しハマった。
ただ、簡単に閉じれるダイアログなので、モーダルというわけには行きません。単なるお知らせです。
コメント