개발 Q&A

제목 제이쿼리의 .load() 메소드를 통한 모달창 관련해서
카테고리 JavaScript
글쓴이 주말생각 작성시각 2021/02/11 13:13:40
댓글 : 1 추천 : 0 스크랩 : 0 조회수 : 6903   RSS

제이쿼리의 .load() 메소드를 통해서 모달뷰를 로드하여 모달창을 띄우는 기능을 만들었습니다.

그리고 그 모달창에 '태그 추가 버튼'을 누르면 태그가 추가 되도록 .js파일에 해당 함수를 만들었습니다. 해당 함수도 제대로 동작합니다. 그런데 신기한 점은 해당 함수를 모달창 뷰에 선언하면 2번째 이후로 태그 추가 버튼을 누르면 해당 함수가 동시에 2번 호출됩니다.

정리하면

1. 모달창에 '태그 추가 버튼' 클릭 시 -> '태그 추가'

2. '태그 추가'함수를 리스트 뷰 파일에 선언하면 오류 없이 제대로 동작함.

3. '태그 추가'함수를 모달창에 선언하면 기능은 동작함.

 그러나, 처음 모달창을 열어서 '태그 추가 버튼' 클릭을 후, 모달창을 닫고 다시 연 다음에 '태그 추가 버튼' 클릭하면 '태그 추가'함수를 클릭 한 번에 2번 호출하게 되어 태그가 2개가 추가되어 버림.

그래서 '태그 추가'함수를 모달창에 선언해서 사용하려면 모달창을 띄우고 닫은 후에 새로고침을 한 번 해야 3번 문제가 없어짐.

2번으로 해당 오류는 해결했는데, 왜 3번과 같은 문제가 발생했는지 모르겠습니다.

 다음글 배열을 뷰로 옮기는 방법 질문드립니다~! (2)
 이전글 이어쓰기 질문 (5)

댓글

한대승(불의회상) / 2021/02/15 10:42:41 / 추천 0
정황상으론 클릭 이벤트가 2번 걸린것 같네요.