1
票
承認済み
画像をクリックしたら表示されるモーダルウィンドウを実装したい
モーダルダイアログには <dialog> を使う
同じような役割の要素が複数ある場合、id属性は付けずに、同一のclassを与える
同じ処理のイベントリスナを複数の要素に付けるのは面倒なので、document や window にイベントリスナを登録する
画像とダイアログの関連付けは、下の例のように DOM の相対位置を利用したり、data-* 属性を利用したり。
...
無効化に投票
関連するタグ
css × 719html × 471
javascript × 205
jquery × 87
twitter-bootstrap × 35
php × 24
sass × 19
ruby-on-rails × 18
wordpress × 17
monaca × 14
font × 11
ios × 10
google-chrome × 9
safari × 9
onsen-ui × 7
vscode × 7
internet-explorer × 7
svg × 7
python × 6
android × 6
ruby × 6
vue.js × 6
reactjs × 5
visual-studio × 4
iphone × 4