Jquery 인쇄가 불완전한 경우 수행할 작업

藏色散人
풀어 주다: 2023-02-17 10:01:48
원래의
1958명이 탐색했습니다.

불완전한 jquery 인쇄에 대한 해결 방법: 1. 해당 js 파일을 엽니다. 2. 인쇄하기 전에 모두 표시하도록 지정된 div의 오버플로를 변경하고 코드를 "$('#print').css({' 높이 ' : 'auto','overflow' : 'visible'}).print();".

Jquery 인쇄가 불완전한 경우 수행할 작업

이 튜토리얼의 운영 환경: Windows 10 시스템, jquery3.2.1 버전, Dell G3 컴퓨터.

jquery 인쇄가 불완전하면 어떻게 해야 하나요?

jquery.print 플러그인에서 지정된 부분을 인쇄할 때 불완전하게 표시되는 문제가 표시됩니다

인쇄할 div의 높이나 너비가 매우 크고 스크롤 막대가 있는 경우 일부만 인쇄할 수 있습니다. , 스크롤 막대에 있는 다른 많은 항목을 인쇄할 수 없습니다. 지금까지 제가 찾은 것 중 가장 좋은 방법을 시도해 보았습니다.

$('#print').print({ // 要打印部分的id
    noPrintSelector: '.noPrint'  // 不打印部分 具体看参数配置
})
 
 //改成
$('#print').css({
   'height' : 'auto', //高度自动
   'overflow' : 'visible' //在打印之前把这个div的overflow改成全部显示
}).print(); 
 
// 打印结束后再改回之前样式, 还有种办法就是单独写一个css文件
 
//print.css
//里面包含
#print{
    height:auto;
    overflow:visible;
}
//这样
//在html头部 <link rel="stylesheet/css" href="print.css" media="print">
로그인 후 복사

관련 소개:

jQuery는 2006년 1월 John Resig가 출시한 Prototype 이후의 또 다른 뛰어난 JavaScript 코드 라이브러리입니다. jQuery 디자인의 목적은 "적게 작성하고 더 많이 수행"입니다. 이는 더 적은 코드를 작성하고 더 많은 작업을 수행한다는 의미입니다. 이는 일반적인 JavaScript 기능 코드를 캡슐화하고 간단한 JavaScript 디자인 패턴을 제공하며 HTML 문서 작업, 이벤트 처리, 애니메이션 디자인 및 Ajax 상호 작용을 최적화합니다.

jQuery의 핵심 기능은 다음과 같이 요약할 수 있습니다. 고유한 체인 구문과 짧고 명확한 다기능 인터페이스가 있으며 효율적이고 유연한 CSS 선택기가 있으며 편리한 플러그가 있어 CSS 선택기를 확장할 수 있습니다. - 확장 메커니즘과 풍부한 플러그인. jQuery는 IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+ 등과 같은 다양한 주류 브라우저와 호환됩니다.

추천 학습: "jQuery 비디오 튜토리얼"

위 내용은 Jquery 인쇄가 불완전한 경우 수행할 작업의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!