前提・実現したいこと
animatedModalというプラグインを使っています。
プログラミング初心者です。
条件によって、同じボタンをクリックした時に開くモーダルを変更したいと思っています。
指定のボタンにjQueryの.wap()を使ってリンク先を設置、
条件が変わったら.unwap()でリンク先を削除、.wap()で新たなリンク先を追加、としているのですが、
うまく動作しません。
どなたが解決方法を伝授いただけたら幸いです。
発生している問題・エラーメッセージ
初回は問題なく指定のモーダルが開くのですが、 条件を変えてリンク先を付け直すと、クリックしてもモーダルが開きません。
該当のソースコード
javascript
1 2const modalQ=()=>{ 3 4for(let i=1;i<=4;i+=1){ 5if(ans===i) { 6$('#bt-'+i) 7.wrap('<a id="correctModal-open" href="#correctModal"></a>');/*正解*/ 8 9}else{ 10$('#bt-'+i) 11.wrap('<a id="incorrectModal-open'+i+'" href="#incorrectModal"></a>');/*不正解*/ 12 13}; 14}; 15 16}; 17 18/*以下、条件ans変更後処理*/ 19 20for(let i=1;i<=4;i+=1){ 21$('#bt-'+i).unwrap(); 22}; 23modalQ(); 24
html
1<div id="bt-1"></div> 2<div id="bt-2"></div> 3<div id="bt-3"></div> 4<div id="bt-4"></div> 5 6<!-- 正解モーダル-----------------------------------------------> 7 8 9<div id="correctModal" class="correct-wrapper"> 10<div class="bg-gray"> 11<img src="images/bt-correct.png" class="result correct"> 12 13<div class="bt-correct-next"> 14<a id="commentaryModal-open" href="#commentaryModal"> 15<div class="bt">次へ</div> 16</a> 17</div> 18</div> 19</div> 20 21<!-- 不正解モーダル---------------------------------------------> 22<div id="incorrectModal" class="incorrect-wrapper"> 23<div class="bg-gray"> 24<img src="images/bt-incorrect.png" class="result incorrect"> 25 26<div class="bt bt-incorrect-next close-quizModal close-incorrectModal">次へ</div> 27 28 29 30</div> 31</div> 32 33 34
試したこと
初回と2回目のhtmlを取得して確認しましたが、どちらも<a>の追加は成功していました。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。