제가 만드는 프로젝트가 싱글레이아웃 어플리케이션으로 구성되어있어서

상위 html에서 <section id="main"></section> 이 부분에 해당하는 페이지만 교체하는 식입니다.

 var templateName = pageSelect;
               var tmpl_dir = '../assets/static';
               var tmpl_url = tmpl_dir + '/' + templateName + '.html';
               var tmpl_string = '';

               $.ajax({
                   url: tmpl_url,
                   method: 'GET',
                   async: false,
                   dataType : 'html',
                   success: function (data) {
                       tmpl_string = data;
                   }
               });
               console.log('Name :'+ templateName + ' tmpl_dir :' + tmpl_dir + ' tmpl_url :' +tmpl_url);
               this.$content.html(content.render(tmpl_string).el);

이런 코드인데 ajax에서 html 데이터형식으로 호출해서 렌더링하는 방식인데 문제가 이렇게 하니 리다이렉션없이 호출은 되나

document.ready 함수가 작동을 안하네요. 각 페이지마다 함수 기능들이 다른데 어떻게 처리를 해야될까요?

이를테면 main.html이 있으면 book.html이 있고, 해당 book.html에 다른 외부 자바스크립트 파일을 include시켜놓고, ajax를 이용하여 저렇게 호출하니

처음에는 자바스크립트 파일이 동작안하는데 새로고침하니까 돌아가더라구요.

book.html에 <script src="assets/js/reservation.js"></script> 이런식으로 해당 자바스크립트를 인클루드 했을 시에 이놈은 원래 document.ready()로 바로 동작하게끔 되어있는데 그 다이렉션이 이루어지지않아서 해당 함수가 안먹는거같고, 새로고침을 해야지 정상적으로 작동이 되는 상황입니다.