어떻게 자바 스크립트와 jQuery 함수를 결합하여 버튼을 숨길 수 있습니까?

Question

Simple Photo Manager라는 파일 업로드 스크립트를 다운로드했습니다. jQuery 함수에 익숙하므로이 스크립트의 기존 JS 코드와 함께 사용하려고합니다.

기본적으로 삭제 버튼을 클릭하면 숨기고 싶습니다. 삭제 단추가 클릭 된 후에 숨겨지지 않는 이유는 무엇입니까? (참고 : JS 파일은 HTML 파일에 올바르게 포함되어 있습니다.) 또한 원래는 삭제/복원 스위치 링크로 사용 되었기 때문에 delLink.removeChild 및 delLink.appendChild은 쓸모가 없습니다. 대신 버튼을 사용하기로 결정했습니다.

도와 주시면 감사하겠습니다.

HTML 코드는 다음

는

<input type='button' id='deleteit' onClick="deleteLinkOnClick 
(this, 'delFlag<?=$imgid?>')"> 

화상이 업로드 될 때 요소를 생성하는 JS 코드 :

var image_del_link = par.createElement('input'); 
image_del_link.type = "button"; 
image_del_link.value = "Delete"; 
imgdiv.appendChild(image_del_link); 

onclick을위한 함수이다 : (I는 쓰기 시도 하단의 jQuery 함수)

function deleteLinkOnClick(delLink, delFlag) { 
    var par = window.document; 
    var imgDiv = delLink.parentNode; 
    var image_hidden = delFlag == '' ? imgDiv.childNodes[2] : par.getElementById(delFlag); 

    if (image_hidden.value == '1') { 

     image_hidden.value = '0'; 
     delLink.removeChild(delLink.childNodes[0]); 
     delLink.appendChild(par.createTextNode("Restore")); 
     delLink.style.color = '#FF0000'; 
    } 
    else { 
     image_hidden.value = '1'; 
     delLink.removeChild(delLink.childNodes[0]); 
     delLink.appendChild(par.createTextNode("Delete")); 
     delLink.style.color = '#64B004'; 
    } 

    $(document).ready(function(){ 
     $(image_del_link).click(function(){ 
      $(this).hide(); 
      }); 
     }); 
} 

Answer 1

여기 있습니다.

$("#deleteit").click(function(){ 
    $(this).hide(); 
}) 

Answer 2

시도 :

$("#deleteit").live("click", function(){ 
    $(this).hide(); 
});