JQueryで同じイメージを追加してから削除する

Question

JQueryを使用して、送信に成功したことを示す緑色のチェックマークとメッセージを表示しています。イメージとメッセージが正しく表示されます。しかし、私はゆっくりとJQueryのhide関数を使ってイメージとメッセージを削除したいと思っています。 htmlが既にページにあったときは、これを問題なく使用しました。今回は動作していないので、HTMLがJQueryで追加されてから削除されているのではないかと思います。要素が別の要素の子要素であるかどうかはわかりませんが、これは問題の可能性があります。この問題についての洞察は大きな助けになるでしょう。ありがとう。

のjQueryコード：

$("<span id='checkmark'><img height='45' width='45' src='./img/checkmark_green.jpg'/>&nbsp;<span style='color: #33CC33; font-size: 14pt'>Word successfully added to the dictionary.</span><br/></br></span>").prependTo("#div_dict"); 

//i also tried '#div_dict > #checkmark'    
$('#checkmark').click(function(){ 
    $(this).hide('slow'); 
}); 

HTML/PHP：あなたはそれを削除するには、テキストをクリックする場合

echo('<div id="div_dict">'); 
     echo('<big id="add"><b>Add a word or phrase to the dictionaries</b></big><br/>'); 
     echo('<form id="form_dict" name="form_dict">'); 
     echo('<input id="entry" name="entry" size="30"/><br/>'); 
     echo('<input type="radio" id="sent" name="sent" value="Positive"/>positive&nbsp;&nbsp;<input type="radio" id="sent" name="sent" value="negative"/>Negative<br/><br/>'); 
     echo('<input id="but_dict" type="button" value="Submit" onclick="addToDict();"/>'); 
     echo('</form>'); 
     echo('</div>'); 

Answer 1

あなたのコードは私のために動作します。クリック機能を削除して、それが自分のものであればそれを隠すことができます。

$("<span id='checkmark'><img height='45' width='45' src='./img/checkmark_green.jpg'/>&nbsp;<span style='color: #33CC33; font-size: 14pt'>Word successfully added to the dictionary.</span><br/></br></span>").prependTo("#div_dict"); 

$('#checkmark').delay(2000).hide('slow');