jquery - DOMがロードされていない要素へのアプローチ

Question

画面に表示されるたびに音を付けている画像があります。

私の問題は、画像がページDOMでロードされていないことです。彼女は、ユーザーがdivのコンテンツを表示するためにクリックする必要があるDIV内にあります。

DOMのロード後に画像が表示されるかどうかを確認するjQueryコードを管理するにはどうすればよいですか？

サウンドを再生するためのコード：

  $('img#alertSound').load(function(){
    $('#imgLoadedSound').get(0).play();
  });

画像のコード：

     <div class='bell_img'><img id='alertSound' class='bell' src='bell.png'/>

サウンドのコード：

     <audio id="imgLoadedSound" src="bell.mp3"></audio>

Answer 1

<img>タグを.bell_imgDIVに追加する関数内でサウンドを再生するためのコードを実行します。そのコードを投稿していただければ、より具体的にすることができます。