Jquery Click 이벤트 동작 안할 때

2018. 11. 27. 00:18Trouble Shooting

728x90

예를 들면 다음과 같은 코드가 있는 클릭 이벤트가 동작하지 않아서,

hidden box가 동작하지 않는다는 상상을 해보도록 합시다.


(예시를 만드려고하니깐 예시가 더어려워서...)




See the Pen LXBVbR by GM Yankee (@GMyankee) on CodePen.



여기서

$(".class").on("click", function(){

이 부분을 


$(document).on("click", ".class", function(){


이렇게 바꿔주면됩니다.



원인은 $(document).ready(function(){ 함수를 통해 페이지가 이미 로드 해오면서 진행이 됬기에

실행이 안되는것으로 파악됩니다.


setinterval을 줘서 우회하는 방법이 있지만, 이것은 자원적 낭비 이자, 비추천적인 방법입니다.

javascript처럼 클라이언트에서 동작하는경우 낭비되는것을 최소화하는것이 좋기 때문에.. 페이지 로드속도를 올리기 위해!



결과 코드



See the Pen QJBbaY by GM Yankee (@GMyankee) on CodePen.



728x90