Версия для печати - перестает работать jquery

@Richik · Регистрация: 23.09.2014

Нашел вот такой пример печати страницы:

HTML5

<script>
    function printEl(docBlok){
        var body = $('body').html(),
        el = $('.'+docBlok);
        $('body').html(el);     
        window.print();
        $('body').html(body);
    }
</script>
<button onclick="printEl('docReport1')">Печать</button>
<div class="docReport1" style='display:none;'>
    <?php
        include 'report/report1.php';
    ?>
</div>

Все работает, но после вызова на странице перестает работать jquery, можно ли как-то это решить?

@Mr_Sergo · 04.07.2019, 01:36

У вас скорее всего js-файл с кодом подключен в body, ваша функция "задваивает" js-файл со всеми переменными, функциями и т.д.- что собственно и вызывает ошибки

Добавлено через 42 минуты
Richik,

Если по-простому то можно так -> https://codepen.io/Mr_Sergo/pe... itors=1010

HTML5

<div class="other-content">
    <button onclick="printEl('.docReport1')">Печать</button>
    <button class="btn">Проверить Jquery</button>
</div>
 
<div class="docReport1" style="display:none;font-size:25px;">Контент который выводим на печать</div>

Javascript

function printEl(docBlok){
    $('.other-content').hide();
    $('.docReport1').show();
    window.print();
    $('.other-content').show();
    $('.docReport1').hide();
}
 
let a = 1, b = 2;
$('.btn').on('click',() => alert(a + b) );

@Richik · 04.07.2019, 20:10 **[ТС]**

Круто. Спасибо
Я сделал не много по другому. Внутри body создал два блока "bbody" и "dbody", все содержание поместил в блок 'bbody', второй скрыл. Потом контент для печати копирую в пустой блок, а "bbody" просто скрываю. После печати очищаю блок "dbody" и отображаю основной контент, и все работает

Javascript

function printEl(docBlok){
    var el = $('.'+docBlok).clone();
    $('#bbody').hide();
    $('#dbody').html(el);
    $('#dbody').show();
    window.print();
    $('#dbody').hide();
    $('#dbody').empty();
    $('#bbody').show();
}

Ваш метод тоже решает задачу, спасибо за ответ. Я хотел сказать как я решил задачу, а тут еже есть одно решение)

Опции темы