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

如果您想单击文本以将其删除，则您的代码对我有用。 您可以删除click函数以隐藏它，如果您要这么做的话。

$("<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');