#jQueryでモーダルを作る
モーダルを作成するには、jQueryを読み込んだ後、
・jQueryオブジェクトの作成
・メソッドの呼び出し
この要素を作ることが重要になります。
↓↓↓↓↓↓↓ あなたの記事の内容
───────
```javascript
↑↑↑↑↑↑↑ 編集リクエストの内容
$('セレクタ').メソッド();
このようにcodeします。
何をどうするかをきちんと把握すると後の作業で悩むことがなくなります。
$('.btn-question').click(function(){
$('.modal').fadeIn();
});
具体例はこのようになります。
そこでセレクタにはログインボタンなど、クリックしたときモーダルが出てくるクラスやidを入れて、メソッドにはクリックメソッドをcodeし、そのクラスの要素をクリックすればモーダルが出現するようにします。
次にしなければいけないのは、出現したモーダルを×ボタンで消えるようにしなければいけません。
$('.btn-close').click(function(){
$('.modal').fadeOut();
});
()内は自分の指定したクラスを入れてください。
これで完成で、クリックしたときにモーダルが出現するようになり、×ボタンをクリックすればモーダルが消えるようにできます。
最後に一つ注意なのがjQueryを記述するときは
$(function(){
});
とcodeする必要があります。
HTMLの読み込みの後、jQueryのファイルが読み込まれるようにしないといけないからです。
以上になります。
間違いや指摘があればお願いします。