ajax 통신 후 가져온 값에는 자바스크립트 안 먹히는 문제

$(".List ul>li>a").on('mouseenter focusin', function(){

$(this).children("span").stop().fadeIn()

});

$(".List ul>li>a").on('mouseleave focusout', function(){

$(this).children("span").stop().fadeOut()

});

이렇게 되어있는 스크립트가 있는데 ajax로 가져온 값에는 이 스크립트 적용이 안될 때

아래처럼 바꿔주면 됨

$(document).on('mouseenter focusin', ".List ul>li>a", function(){

$(this).children("span").stop().fadeIn()

});

$(document).on('mouseleave focusout', ".List ul>li>a", function(){

$(this).children("span").stop().fadeOut()

});

나는 위처럼 저렇게 되어있는 js 파일은 여전히 따로 두고, 아래 스크립트는 ajax 호출하는 페이지에 넣어줬다.