jQuery 동적 요소 자동 실행 방법

Question

$('body').on('click', function() { 
    $('.detailTextContainer a').each(function() { 
    var urlFoto = $(this).attr('href'); 
    var imgElement = $("<img />").attr('src', urlFoto) 
           .addClass('dalsiFoto'); 

    $(this).empty().append(imgElement); 
    }); 
}); 

페이지로드 후 (이벤트 없음) 자동으로이 기능을 어떻게 실행할 수 있습니까? '.detailTextContainer a'은 동적 요소이며 시작 페이지 바로 다음 페이지로로드됩니다.

나는이 코드를 시도 :

function showImage(){ 
    $('.detailFeatureDesc a').each(function() { 
    var urlFoto = $(this).attr('href'); 
    var imgElement = $("<img />").attr('src', urlFoto) 
           .addClass('dalsiFoto'); 
    $(this).empty().append(imgElement); 
    }); 
}; 

showImage(); 

을하지만이 성공적으로되지 않았습니다.

감사

Answer 1

당신은 load 기능을 사용할 수 있습니다 : 페이지가 그래픽을 포함하여 완전히로드 된 경우 문서에서

$(window).load(function() { 

     // create detailTextContainer here 
     $('.detailTextContainer a').each(function() { 
      var urlFoto = $(this).attr('href'); 
      var imgElement = $("<img />").attr('src', urlFoto) 
              .addClass('dalsiFoto'); 

     $(this).empty().append(imgElement); 

     }); 

}); 

,이 기능을 실행합니다.

아니면 사용할 수 있습니다

$(document).ready(function() { 

}); 

또는 속기는 :

$(function() { 

}); 

이 만 페이지의 문서 객체 모델 (DOM) 한 번 실행되는 자바 스크립트 코드가 실행하기에 준비가되어 있습니다.

Answer 2

당신은 단순히 윈도우로드 기능에 함수를 작성해야

<script> 
$(document).ready(function() { 
    console.log("document loaded"); 
}); 

$(window).on("load", function() { 
    //write your code is given section 
}); 
</script> 

Answer 3

당신이 리스너 "에서"시도 할 수

$(document).on("click", ".detailTextContainer a", function() { 
    // your code 
});