개발 Q&A

제목 인쇄창이 출력 이후 javascript 기능들이 작동하지 않는 원인이 무엇일까요?
카테고리 JavaScript
글쓴이 정수리 작성시각 2017/09/22 15:03:44
댓글 : 1 추천 : 0 스크랩 : 0 조회수 : 10733   RSS

javascript로 구현한 인쇄버튼을 클릭하면 인쇄창이 출력이 됩니다. 

인쇄를 하거나 인쇄창을 닫은 이후에는 datepicker를 사용하여 만든 날짜가 출력이 안되고 버튼을 클릭하면 글씨 크기가 커지도록 하였는데 그기능도 먹히지 않네요 

그런데 ajax를 사용한 검색기능은 적용이 되는거 보니 js파일전체가 안먹히는 것같은데 유독 폰트크기 조정하는 기능과 datepicker 를 사용한

$(document).ready(function(){
 
  $(function() {
    $('.land_day').datepicker({
      changeMonth: true,
      changeYear: true,
      nextText:'다음 달',
      prevText:'이전 달',
      dateFormat:'yy-mm-dd',
      dayNamesMin:['일', '월', '화', '수', '목', '금', '토'],
      monthNamesShort:['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
      monthNames:['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
      gotoCurrent: true
     });
  });
}); 
 
 
//폰트크기제어 
 
$(function(){
 
 
   var size=11;
   var tb=$("table.print_tb tr td");
 
 
 
    $(".zoom button").on("click",function(){
        var btn_index=$(".zoom button").index(this); 
         
        if(btn_index==0){ 
           size++; 
       tb.css("font-size",size+"px");
        }else if(btn_index==2){ 
           size--; 
       tb.css("font-size",size+"px"); 
        }else{
           size=11; 
       tb.css("font-size","11px");
        }
        $("#lbl_fontsize").text(size); 
    });
 
  });
 
function content_print(){
    var initBody = document.body.innerHTML;
    window.onbeforeprint = function(){
     document.body.innerHTML = document.getElementById('docWrap').innerHTML;
    }
    window.onafterprint = function(){
     document.body.innerHTML = initBody;
    }
    window.print();
    location.reload();         
 }

input창을 클릭했을시 날짜가 출력되는 기능이 되지 않네요 무엇이 문제일까요?

 다음글 HTTP와 HTTPS 간 로그인 세션 공유 질문 드립니... (3)
 이전글 sendmail 웹에서 메일이 가지 않아요 (5)

댓글

샤오란 / 2017/09/23 11:41:44 / 추천 0
크롬 개발자도구 창 오픈하고 js가 동작하지 않을때 콘솔창에 에러 메세지를 스샷해주시면 문제를 파악하는데 도움이 될것 같습니다.