2012-09-07 1 views
1

jqprint에 외부 CSS 파일을 포함하려면 어떻게해야합니까? 내 코드에서 문제가 될 수있는 이유 인쇄물과 동일한 미디어로 인라인 스타일 시트를 사용하여 간단한 단추를 숨길 수 없습니까? 여기 내 샘플 코드입니다.JQuery JQPrint css

<style type="text/css" media="print"> 

#hide 
{ 
    display:none; 
} 

</style> 

<script type="text/javascript" src="js/jquery.jqprint-0.3.js"></script> 

<script type="text/javascript"> 
    $(function() { 
     $("#printMe").click(function() { 
      $('#print').jqprint(); 

     }); 
    }); 
</script> 

<div id="header"> 
    <h1>This is the Header</h1> 
</div> 

<div id="print"><br /> 
    <input type="button" id="hide" value="hidden"/> 
    <input type="button" id="printMe" value="Print Me"/> 
</div> 

단지 javascript의 window.print를 사용하면 id가 숨겨진 버튼을 숨 깁니다. 무엇이 문제 일 수 있습니까?

+0

쉬운에 jsfiddle를 추가하십시오 볼 수있다. 나는 JQPRINT 플러그인을 가지고 있지 않다. – Sender

답변

0

여기

WORKING DEMO이이 http://jsfiddle.net/v6K58/

$(function() { 
     $("#printMe").click(function() { 
      $('#header').jqprint(); 

     }); 
    });​ 

굵은 text print

+0

물론 처음부터 숨겨져 있으므로 인쇄 할 때 숨겨집니다. 내가 원하는 것은 페이지를로드 할 때 볼 수있는 요소를 숨기는 것입니다. – Arjel

+0

네, [이걸보세요.] (https://github.com/tanathos/jquery.jqprint/blob/master/jquery.jqprint-0.3.js) u하실 수 있습니다 [이 방법을 시도하십시오] (http : // jsfiddle .net/v6K58/2 /) – Sender

+0

importCSS : true [this] (http://jsfiddle.net/v6K58/3/) – Sender