Question

我想打印页面内容。但那包含一个弹出窗口。我需要在我的主页面中显示弹出窗口内容，其中包含一个按钮名称Details。当我点击按钮时会弹出一个弹出窗口。

当我点击我的打印按钮时。只显示主要内容。弹出显示窗口的特定字段为空白（详细信息按钮）

我正在使用window.print();

print button =＆gt; ＆＃39;的onclick =＆＃34;的PrintPage（）＆＃34;＆＃39;

功能

function printpage()
{
    $('#hiddendiv').html($('#view_popup_descriptive_index').html()); 
    $('#hiddendiv').show();
    window.print();
    $('#hiddendiv').hide();
}

显示弹出内容的任何方法。

Answer 1

您可以尝试在打印前将弹出窗口中的HTML附加到页面。

$("#print").on('click', function(){
    //find HTML
  var $popupContent = $('.popup').html();

  //console.log($popupContent); //see what you really get from the popup

  //create a div before the button and put the popup content there
  $(this).before($('<div />', {
    'class': 'created',
    'html': $popupContent
  }));

  //trigger printing
  window.print();

  //remove the dynamically created container
  $('.created').remove();
})

您可以在此处看到它在线工作 - https://jsfiddle.net/skip405/6dt2dhm7/

如何使用主要内容打印弹出窗口内容

1 个答案: