jquery的网页打印插件printarea问题

[weixin_41646848]

我使用了这款插件 打印预览的时候显示页数是2页，但是我明明只有一页东西要打印，另外一个是空白页，这BUG怎么弄，还是我代码有问题？ 代码如下：

HTML部分：
<div style="text-align: center" class="button bbbbbb1">

<span><i class="am-icon-file-word-o am-icon-sm"></i></span>
<div class="button b1">打印专业合格证</div>
</div>





srcpit部分：
<script>
$(document).ready(function(){

$("div.bbbbbb1").click(function(){
var print="div.print";
var mode="iframe";
var close=false;
var extraCss="";
var keepAttr=["class", "id", "style", "on"];
var headElements = '<meta charset="utf-8" />,<meta http-equiv="X-UA-Compatible" content="IE=edge"/>';
var options = { mode : mode, popClose : close, extraCss : extraCss, retainAttr : keepAttr, extraHead : headElements };
$(".print").css("display","block");
$( print ).printArea( options );
//$(".print").css("display","none");
$(".print").delay(500).hide();
});
});

</script>


需要打印的部分：
<div class="print" style="display: none;">
<h1 style="text-align: center">艺术类专业考试合格证</h1>

<h3> {(专业准考证号</h3>
<p>你已获得我校2018年本科专业合格证。</p>
<p> 考试号: </p>
<p>身份证号：</p>
<p>专业成绩：</p>
<p>合格线：</p>
<p> 成绩及排名查询网址：</p>
<p>联系电话：</p>

</div>





网页截图部分：