Cute Happy Ghost
본문 바로가기
Front/Javascript·Jquery

[javascript ,jquery] trigger 처음에 안먹힐때, 클릭이벤트 안먹힐 때, document trigger click, 동적이벤트 후 트리거

by JENN_tech7 2022. 7. 5.
728x90
SMALL

웹에서 개발자도구로 해보면 트리거가 다 된다

클릭이벤트의 문제가 아님....

근데 안되는 js에 넣었을 때 안된다

document.getElementById("facility_list").click();
$('#facility_list').first().trigger('click');
$('#facility_list').first().click();

 

 

 

 

그렇다면 document.ready에 넣어주면된다

아무래도 내가 클릭이벤트를 document click을 해서 안먹힌 것 같았다

$(document).ready(function () {
    $('#facility_list').first().trigger('click');
});

 

 

 

 

 

그리고 이 경우에는 트리거 이벤트와 클릭이벤트의 target이 똑같아야한다

$(document).on("click", "#facility_list", function() {
//
})

이런식으로 똑같은 아이디를 넣어줘야 올바르게 작동을 한다 

나같은 경우에는 ...li a 이런식으로 개발하면서 몇군데가 변경이 됐었는데 그때마다 트리거가 안먹힌다면 클릭이벤트와 트리거 이벤트에 적용되는 target을 한번 더 확인해줘야한다

 

 

 

 

 

그리고 동적이벤트와 trigger를 같이 사용했는데 그 전의 내용으로 trigger가 된다면 

동적이벤트 후에 trigger가 들어갔는지 확인을 해야한다

나같은 경우는 동적이벤트의 맨 처음에 trigger를 주어서 그 전의 data로 trigger가 먹혔었다

ajax등의 동적이벤트 후에 trigger함수를 넣어주어 data load후에 trigger가 먹히도록 해주는거 주의!

728x90
LIST

댓글