JQuery JQ打印CSS

6l7fqoea  于 2022-11-03  发布在  jQuery
关注(0)|答案(1)|浏览(134)

如何在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 hide的按钮。问题是什么?

q5iwbnjs

q5iwbnjs1#

这里是WORKING DEMO
请参阅此http://jsfiddle.net/v6K58/

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

        });
    });​

粗体text print

相关问题