Question

我正在尝试使用JS中的弹出窗口方法在我的页面上打印图像。

当我单击打印按钮（中心图像）时，会出现打印提示，但悬停效果会冻结，点击事件将不再起作用。

这是我正在处理的页面：

http://ateenk.co.il/sunincpn/

这是功能和打印按钮的相关代码：

  $(document).ready(function(){
  $( '#printbtn' ).hover(function() {
  $( '#couponhover' ).fadeIn( 200 );
},function() {
  $( '#couponhover' ).fadeOut( 200 );
}
);});


function printImg()
    {
            var printWindow = window.open('', 'Print','height=400,width=600');
            printWindow.document.write('<html><head><title>Print Window</title>');
            printWindow.document.write('</head><body ><img src=\'');
            printWindow.document.write('coupon.jpg');
            printWindow.document.write('\' /></body></html>');
            printWindow.document.close();
            printWindow.print();
    }


        //HTML SNIPPET
        <a id="printbtn" href="javascript:printImg();" ></a>

Window.open冻结页面

0 个答案: