Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
 
15 / 14 / 3
Регистрация: 23.09.2014
Сообщений: 241
1

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

03.07.2019, 21:21. Просмотров 486. Ответов 2
Метки нет (Все метки)


Нашел вот такой пример печати страницы:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<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, можно ли как-то это решить?
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
03.07.2019, 21:21
Ответы с готовыми решениями:

Версия для слабовидящих в jQuery
Здравствуйте, помогите решить проблему с версией для слабовидящих написанной в jQuery. Дело в том...

Onscroll перестает работать
Здравствуйте! Есть такая проблема. Делаю страницу - фотогаллерею. При нажатии на любую...

Перестает работать setInterval
setInterval(function(){ $(&quot;.image1&quot;).attr({&quot;src&quot;: &quot;images/&quot; + i + &quot;.png&quot;}); i++; if(i...

Параноидальная версия jQuery
Сразу скажу - я полный чайник в JS. $(&quot;.очепятка&quot;).keydown(function(e) { ОчЯпятка() }); ...

2
Эксперт JS
2027 / 1086 / 408
Регистрация: 29.04.2016
Сообщений: 2,603
04.07.2019, 01:36 2
У вас скорее всего js-файл с кодом подключен в body, ваша функция "задваивает" js-файл со всеми переменными, функциями и т.д.- что собственно и вызывает ошибки

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

Если по-простому то можно так -> https://codepen.io/Mr_Sergo/pe... itors=1010
HTML5
1
2
3
4
5
6
<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
1
2
3
4
5
6
7
8
9
10
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) );
1
15 / 14 / 3
Регистрация: 23.09.2014
Сообщений: 241
04.07.2019, 20:10  [ТС] 3
Круто. Спасибо
Я сделал не много по другому. Внутри body создал два блока "bbody" и "dbody", все содержание поместил в блок 'bbody', второй скрыл. Потом контент для печати копирую в пустой блок, а "bbody" просто скрываю. После печати очищаю блок "dbody" и отображаю основной контент, и все работает

Javascript
1
2
3
4
5
6
7
8
9
10
function printEl(docBlok){
    var el = $('.'+docBlok).clone();
    $('#bbody').hide();
    $('#dbody').html(el);
    $('#dbody').show();
    window.print();
    $('#dbody').hide();
    $('#dbody').empty();
    $('#bbody').show();
}
Ваш метод тоже решает задачу, спасибо за ответ. Я хотел сказать как я решил задачу, а тут еже есть одно решение)
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
04.07.2019, 20:10

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь или здесь.

Не работает новая версия jquery-3.3.1
&lt;head&gt; &lt;script type=&quot;text/javascript&quot; src=&quot;js/jquery-3.3.1.js&quot;&gt;&lt;/script&gt; ...

Css перестает работать после выполнения функции
Здравствуйте. Встала у меня такая проблемка. Есть у меня такой кусочек css .buttons {...

После unwrap/wrap перестает работать resize
Имеется checkbox, который обернут в div с рамкой (см. рис. внизу). Ширина этого div меняется при...

Почему при перестановке скрипт перестает работать?
кто может объяснить почему вот так работает : function getOrderInfoByid( order_Id,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.