/극장정보가 클릭 되었을 때 상세 주소를 가져오는 스크립트 

$(document).on('click', '.step-place-li', function(event){

event.preventDefault();

//몇번째 데이터인지 알아보기

var index = $(".step-place-li").index(this);

//클릭된 인자의 값을 알아내어 a태그의 값을 가져오기 

addr = $(".select-place:eq(" + index + ")").attr('href');

detailAddr(addr);

});


수락

Ajax를 이용해서 뿌려준 데이터에 이벤트를 처리하려고 했을 되지않았다 대부분의 

이벤트 처리는 아래와 같은 방식으로 처리한다

  1. $('.everdevel').click(function(){


그러나 ajax로 뿌려준 데이터는 아래와 같은 방식으로 처리해야한다.

문제는 .click이 이미 페이지에있는 요소에만 작동한다는 것입니다. on미래의 요소를 연결 하는 것과 같은 것을 사용해야 합니다.

$(document).on("click",".step-place-li", function(){
  alert("success");
});


$("#movieplace").on("click",".step-place-li", function(){
  alert("success");
});



출처 :https://stackoverflow.com/questions/17715274/jquery-click-function-doesnt-work-after-ajax-call

'FRONT-END > Jquery' 카테고리의 다른 글

선택된 인자가 몇 번째인지 찾는 방법  (0) 2018.06.17

+ Recent posts