前提・実現したいこと
モーダルをidごとに表示させたいのですが、divにモーダルクラスmodal js-modalこちらを
活用し、divにidを設定、付与してあげたいのですが、modal js-modalこちらだけ
設定ができません。
scriptやjQueryでmodal js-modalにidを付与することができませんでした。
貴重なご指導のほどよろしくお願いします。
発生している問題・エラーメッセージ
<div class="modal__bg js-modal-close"></div> こちらにid設定ができません。
該当のソースコード
php
1 2<div class="content"> 3 4 </div> 5 <div class="modal js-modal"> 6 <div class="modal__bg js-modal-close"></div> 7 <div class="modal__content"> 8 <p>テストテストテストテストテスト</p> 9 <a class="js-modal-close" href="">閉じる</a> 10 </div><!--modal__inner--> 11 </div><!--modal--> 12 13----------------------------------------------------------------------- 14 15 $(function(){ 16 17 $('div.modal js-modal').attr('id',"id設定"); 18 19 }); 20 21<!--こちらでhtmlのdivのmodal js-modalを指定しidを付与したのですが反応なし--> 22 23----------------------------------------------------------------------- 24 25 $(function(){ 26 27 $('.js-modal-open').each(function(){ 28 $(this).on('click',function(){ 29 var target = $(this).data("target"); 30 var modal = document.getElementById(target); 31 $(modal).fadeIn(); 32 return false; 33 }); 34 }); 35 $('.js-modal-close').on('click',function(){ 36 $('div.js-modal').fadeOut(); 37 return false; 38 }); 39 }); 40 41 42<!--data-targetを活用しIDを渡すことでモーダルを表示> 43
試したこと
php
1 2 $(function(){ 3 4 $('div.modal js-modal').attr('id',"id設定"); 5 6 }); 7
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。