data-rel=”dialog”
リンクにdata-rel=”dialog”を指定するとダイアログでページが表示されます。
<a href="#about" data-rel="dialog">開く</a>標準ではpopアニメーションでダイアログを表示します。
data-transitionでアニメーションは変更可能です。オススメはpopアニメーションとslideupアニメーション、flipアニメーションです。
<a href="foo.html" data-rel="dialog" data-transition="pop">Open dialog</a>標準の閉じるボタン以外にダイアログを閉じるリンクを利用したい場合は、リンクにdata-rel=”back”を指定しましょう。
または、ダイアログ要素に対してJavaScriptでdialog(‘close’)を実行して閉じることも可能です。
$('.ui-dialog').dialog('close');登録日 : 2012年09月20日 最終更新日 : 2016年12月19日