jqueryのは、私は、モーダル内のフォーム内の一部のコンテンツを追加したいので、作成した

Question

モーダル

の内容をターゲットに見えることはできませんコンソールにエラーが表示されません。

私はページ上の他のものを行うことができます - 他の場所にテキストを追加します。モーダルの一部にはなりません。

サイト

が近くミープラットフォームを使用している、の例のサイトはここにある：私はちょうどあなたが右上にある[ログイン]をクリックしたときに表示されるモーダルに影響を与えるためにしようとしています https://desksnear.me/

。

これはうまくいかず、なぜ私が軌道に乗るためにできるのか知っていますか？

Answer 1

私は、モーダルは毎回あなたが新たに作成されると思います[ログイン]ボタンをクリックします。そのため、.simple_formの変更は上書きされてから表示されます。

モーダルが開かれたときに発生するイベントにタップできない場合、この問題に対する理想的な解決策はありませんとすべてのコンテンツが初期化されています。私は間隔を使用して、モーダルが見えるかどうかを何度か確認し、何かが失敗した場合には、キャップをつけた時間量を確認し、その時点でHTMLコードを挿入することをお勧めします。

$('.nav-link.header-second').click(function() { 
    var token = setInterval(function(modal) { 
    if (modal.hasClass('visible')) { 
     $('.simple_form').append("<p><a href='google.com'>Apply now</a></p>") 
     clearInterval(token) 
    } 
    }, 10, $('.modal-content')) 

    // set a limit on the interval in case of failure 
    setTimeout(clearInterval, 2000, token) 
}) 

Answer 2

準備文書で包み（隠されたとしてすでにクラス.simple_formを持つ要素を持っていると仮定して）とき、コードが実行、要素が存在しなければならない

$(document).ready(function(){ 
$('.simple_form').append("<p><a href='google.com'>Apply now</a></p>"); 
});