Как перебирать все вкладки начальной загрузки и печатать содержимое на кнопке

Как прокручивать все закладки бутстрапа и содержимое для печати (не только одно для активного тега, но и неактивные) при нажатии кнопки Print на любой вкладке. Каждая вкладка имеет динамически вставленный контент. Пробовал некоторые предлагаемые изменения css, которые я нашел в связанных решениях SO. Меня это не сработало.Как перебирать все вкладки начальной загрузки и печатать содержимое на кнопке

onclick функция для моей кнопки печати здесь

function printMe() { 
    var theWork = window.open('', 'PrintWindow'); 
    var tabs_html = "<html><head><title>Print</title>"; 
    tabs_html += "<style>body { padding: 15px; }</style></head>"; 
    $(".tabs").each(function() { 
    $(this).find(".nav-tabs li").each(function(index, element) { 
     tabs_html += "<h2>" + $(this).text() + "</h2><br/>"; 
     tabs_html += $(".tab-content .tab-pane").eq(index).html() + "<br/><br/>"; 
    }); 
    $(this).after(tabs_html + "</body></html>"); 
    }); 
    theWork.document.open(); 
    theWork.document.write(tabs_html); 
    theWork.document.close(); 
    theWork.print(); 
}

Fiddle

источник

2016-07-11 PS_

Прежде всего, вы пытаетесь напечатать для каждого элемента .tabs. Я думаю, что это должно быть вне вашей функции .each. – lintu

Просьба указать скрипт – lintu

http://jsfiddle.net/7WuNf/821/ простой код с вкладками и функцией, которую я использую в коде. –

Есть две проблемы с вашим кодом.

Вы добавление закрывающей body и html тегов внутри цикла each.
Вы выбираете элементы с классом tabs. Но, похоже, такого элемента нет в предоставленной DOM/Fiddle.

Я установил вышеуказанные два вопроса, на 1. Перемещение закрывающей body и html теги из петли, и 2. Замена селектора .class#id с селектором, и вуаля! оно работает.

DEMO

источник

2016-07-11 13:01:40

Спасибо :) сейчас работает для меня –

Как перебирать все вкладки начальной загрузки и печатать содержимое на кнопке

ответ

Смежные вопросы