사용자가 GridView에서 편집 버튼을 클릭하면 다운로드 이미지를 표시하는 방법

Question

twitter-bootstrap에서 "icon-edit"클래스의 편집 링크가 있습니다. 사용자가 자바 스크립트에서이 버튼을 클릭하면 이미지를 다운로드하고 싶습니다. 나는 이렇게했다 :

var editLink = $('.icon-edit'); 
    editLink.onclick = function() { 
     document.getElementById("editLoading").style.visibility = "visible"; 
    } 

그것은 작동하지 않는다.

Answer 1

변경해야 할 적절한 CSS 스타일은 display 값이 "블록"(또는 "인라인")이어야한다고 생각합니다.

또한 jQuery와 Javascript를 혼합해서도 안됩니다. $("")을 사용하여 jQuery 객체로 작업하는 경우 jQuery 메서드를 사용해야합니다. 일반 자바 스크립트를 사용하려면 자바 스크립트 메소드를 사용할 수 있습니다.

귀하의 경우 jQuery를 사용하여 클래스별로 요소를 선택하십시오. 그런 다음 onclick 처리기를 .onclick (일반 자바 스크립트)으로 선택된 요소에 바인딩하려고합니다.

당신은 사용해야

$(".icon-edit").on("click", function() { 
    $("#editLoading").show(); // Basically the same as: $("#editLoading").css("display", "block"); 
}); 

을 말하는 대신에, 당신은 무슨 일이 일어나고 있는지 설명해야한다 "그것은 작동하지 않습니다.". 브라우저의 콘솔을 확인 했습니까? 오류 메시지가 나타 납니까? 얼어 버린가요? 어떤 식 으로든 디버그를 시도 했습니까? 심지어 코드 도달 거리를 확인하기 위해 alert 문을 장소에 배치하여 디버깅을 시도 했습니까?