печать Div С Javascript и сохранить стиль

Question

Я пытаюсь напечатать определенный DIV в моем приложении, используя этот JavaScript с JQuery:

function PrintContent() 
{ 
w=window.open(); 
w.document.write($('#diary').html()); 
w.print(); 
w.close(); 
} 

Он открывает DIV в новой вкладке и параметры печати панель открывает но стили CSS теряются. У меня есть print.css, установленный для media = "print", однако, я думаю, что это явно не загрузка этого файла на новой вкладке, то есть просто загрузка div, а не заголовок, где находится CSS.

Любая идея, как я могу это исправить? Мой javascript не настолько силен.

Спасибо!

Answer 1

Попробуйте использовать эту линию вместо:

w.document.write('<div id="diary">' + $('#diary').html() + '</div>'); 

Вы выписывая внутренний HTML вашего DIV, а не фактический DIV тега.

Метод выше также записывает тег div с правильным идентификатором. Я только закрепил идентификатор, потому что вы могли бы форматировать div#diary, а не div.

EDIT

Этот метод должен сохранить стиль.

function PrintContent() 
{ 
    var e = document.createElement('div'); 
    e.id = 'diary'; 
    e.innerHTML = $('#diary').html(); 
    document.getElementById('t').appendChild(e); 
} 

Вы просто должны сделать место, которое этот контент может быть вставлен, например, div с идентификатором t. Как и в примере, который я опубликовал в комментариях.

Answer 2

Поскольку document.write плохая практика:

https://github.com/jasonday/printThis