자바 스크립트 수정하지 않고 인쇄

Question

자바 스크립트를 통해 제어되는 탭보기가있는 웹 사이트가 있습니다. JS를 사용하지 않으면 탭이 서로 수직으로 정렬됩니다. document.ready에서 탭을 서로 뒤덮어서 내용을 표시하려면 탭 머리글을 클릭해야하는 함수가 호출됩니다.

window.print를 호출하면 요소는 javascript없이 표시되지만 서로 위에 있으며 웹 사이트의 종이 버전에 비해 차선책입니다.

또 다른 방법이 있습니까? 아니면 window.print를 호출하기 전에 JS가 없는지 다시 정렬해야합니까?

편집 : 일반적으로 는 다음과 같이 작동

$(document).ready(function() 
{ 
    $('.btn1').click(function() 
    { 
     $('.tile2').css('display', 'none'); 
     $('.tile1').css('display', 'block'); 
    }); 
    $('.btn2').click(function() 
    { 
     $('.tile1').css('display', 'none'); 
     $('.tile2').css('display', 'block'); 
    }); 
    $('.tile2').css('display', 'none');     
}); 

http://jsfiddle.net/MK77j/

Answer 1

는 JS를 재정의 인쇄 CSS를 사용하여 스타일을 적용했다.

<link rel="stylesheet" href="print.css" type="text/css" media="print" />