JQuery JQPrint css

时间:2012-09-07 07:53:15

标签: jquery jqprint

如何在jqprint中包含外部css文件?我的代码可能出现什么问题为什么我不能使用内联样式表隐藏一个简单的按钮,其中的媒体等于print?这是我的示例代码。

<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为hide的按钮。可能是什么问题?

1 个答案:

答案 0 :(得分:0)

  

这是WORKING DEMO

请参阅此http://jsfiddle.net/v6K58/

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

        });
    });​

加粗text print