Question

我正在使用JQuery在成功提交时显示绿色复选标记和消息。图像和消息正确显示。然而，我想使用JQuery的隐藏功能慢慢删除图像和消息。我之前已经使用过这个，当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');

JQuery添加然后删除相同的图像

1 个答案: