LoginSignup
1
0
@tsukanoka

【jquery】もっとも簡単なモーダルの設置方法（複数設置可）

Posted at

プラグイン不要で複数設置可能なモーダルウィンドウの実装方法をご紹介します。

【実装のポイント】

  • ボタンとモーダルコンテンツをidで紐づけて複数対応を可能にしています。
  • モーダルを開いた後どこをクリックしても閉じるようにしています。

CSSやhtmlの構造はお好みで調整ください。


【最低限のサンプル】

See the Pen easy modal by H M (@abiwvsjx-the-builder) on CodePen.


【ちょっと整えたサンプル】

See the Pen easy modal deco by H M (@abiwvsjx-the-builder) on CodePen.

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
1
0