クリックイベントでモーダルと、その後ろに1枚レイヤーを生成させ、
closeボタン、もしくは生成したレイヤーをクリックした際にモーダルが消えるようにしたいのですが、
closeボタンクリックではうまくいくのですが、レイヤーをクリックしても処理が実行されません。
エラーメッセージもないので、どこから手をつけて良いのか。。。
アドバイスなどよろしくお願いします。
html
1<div id="modal"> 2<p id="close">×</p> 3</div> 4 5<p id="open">modal open</p>
js
1$("#open").on("click",function(){ 2$("body").append("<div id='overlay'></div>"); 3$("#moda,#overlay").fadeIn(); 4return false; 5}); 6$("#close,#overlay").on("click",function(){ 7$("#modal,#overlay").fadeOut("slow", function(){ 8$('#overlay').remove() ; 9}); 10});
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/08/12 09:46
2019/08/12 11:31
2019/08/12 14:46