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');