mysql 샘플 테이블 + 쿼리 연습 문제

-
http://java-school.net/jdbc/SQL-SELECT-Statement CREATE TABLE DEPT (     DEPTNO DECIMAL ( 2 ),     DNAME VARCHAR ( 14 ),     LOC VARCHAR ( 13 ),     CONSTRAINT PK_DEPT PRIMARY KEY ( DEPTNO ) ); CREATE TABLE EMP (     EMPNO DECIMAL ( 4 ),     ENAME VARCHAR ( 10 ),     JOB VARCHAR ( 9 ),     MGR DECIMAL ( 4 ),     HIREDATE DATE ,     SAL DECIMAL ( 7 , 2 ),     COMM DECIMAL ( 7 , 2 ),     DEPTNO DECIMAL ( 2 ),     CONSTRAINT PK_EMP PRIMARY KEY ( EMPNO ),     CONSTRAINT FK_DEPTNO FOREIGN KEY ( DEPTNO ) REFERENCES DEPT ( DEPTNO ) ); CREATE TABLE SALGRADE (     GRADE TINYINT ,     LOSAL SMALLINT ,     HISAL SMALLINT ); INSE...

JQuery 동적으로 생성된 요소 이벤트 걸기

-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
 
html 요소를 동적으로 추가해줬을 때 클릭등의 이벤트가 먹히지 않는 경우가 있다.
 
 
var showFileHtml =  "<div class='show-file" + fileId + "'>"+
                                                "<input type='button' value='x' class='btn-fileDelete' fileId='" + fileId + "'> " + 
                                                "<a href='" + filePath + "' download>" + fileName + "</a>" +
                                            "</div>";
 
$(".hadFile").append(showFileHtml);
 
 
 
 
 
클릭 이벤트가 작동하지 않는 경우가 있다 
 
 
$(".btn-fileDelete").click(function(){
 
console.log("안먹힘");
 
});
 
 
 
검색해 보니 .click() 말고 .on() 을 사용하라고 한다.
 
 
 
$(".btn-fileDelete").on('click', function(){
 
console.log("안먹힐때가 있음");
 
});
 
 
 
근데 이것도 안먹을때가 있다
 
 
$(document).on('click','.btn-fileDelete', function(){
 
console.log("먹힌다 ok");
 
});
 
 
이렇게 하니까 먹힌다!
 
 
근데 다른 버튼 이벤트가 겹친건지 버튼 클릭 했을 때 여러번 반복 호출되는 일이 발생했다.
 
 
$(document).off().on('click','.btn-fileDelete', function(){
 
console.log("먹힌다 ok");
 
});
 
 
이벤트를 제거하는 .off() 를 넣어서 요소에 적용된 이벤트를 제거한 후 클릭 이벤트를 넣어주니 정상작동한다.
cs