У меня проблема, которая оставляет меня сбитым с толку, надеюсь, кто-то может помочь. Я создаю одностраничный сайт с контентом, загруженным в основной блок, используя jQuery .load (). Каждая страница имеет экранную версию и версию для печати. Когда я печатаю с использованием jQuery print ("# myDiv"), он отлично работает на Windows P C, отформатированная страница печати появляется на экране предварительного просмотра, и если вы нажимаете кнопку печати Windows, она печатает.
Проблема в iPhone Safari. В предварительном просмотре печати он показывает отформатированную страницу печати в течение нескольких секунд, затем в предварительном просмотре печати возвращается к отображению экранной версии страницы, и если вы нажмете кнопку печати Safari, это то, что она печатает (экранная версия) , Я мог бы решить эту проблему, используя и экранную версию, и форматированную версию для печати в одном файле, но этот сайт содержит 75 000 строк кода и подсчета, поэтому я загружаю каждую страницу для повышения производительности.
Вот код, любая помощь будет наиболее ценной:
РОДИТЕЛЬ HTML:
<body>
<div class="wrapper-main">
<div class="wrapper-display-primary">
<!-- content by jQuery -->
</div>
</div>
</body>
РЕБЕНОК HTML - ВЕРСИЯ ЭКРАНА:
<div class="grid-2 container" id="grid_module_17">
<div class="grid-2 wrapper">
<!-- thousands of lines of code formatted for screen -->
</div>
</div>
РЕБЕНОК HTML - ФОРМАТИРОВАННАЯ ВЕРСИЯ ПЕЧАТИ:
<div class="print-body" id="print_17">
<div class="print-container">
<!-- thousands of lines of code formatted for A4 printed page -->
</div>
</div>
JQUERY СОДЕРЖАНИЕ РЕБЕНКА С НАГРУЗКОЙ
$ (". Wrapper-display-primary"). Load ("https://example.com/include_print_17.php ");
JQUERY ПЕЧАТЬ:
function printMod_17(){
print("#print_17");
}