首頁  >  文章  >  web前端  >  jquery列印不完整怎麼辦

jquery列印不完整怎麼辦

藏色散人
藏色散人原創
2023-02-17 10:00:491960瀏覽

jquery列印不完整的解決方法:1、開啟對應的js檔案;2、在列印之前把指定div的overflow改成全部顯示,修改程式碼為「$('#print').css ({'height' : 'auto','overflow' : 'visible'}).print();」。

jquery列印不完整怎麼辦

本教學操作環境:Windows10系統、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是一個快速、簡潔的JavaScript框架,是繼Prototype之後又一個優秀的JavaScript程式庫(框架)於2006年1月由John Resig發布。 jQuery設計的宗旨是“write Less,Do More”,即倡導寫更少的程式碼,做更多的事情。它封裝JavaScript常用的功能程式碼,提供簡單的JavaScript設計模式,優化HTML文件操作、事件處理、動畫設計和Ajax互動。

jQuery的核心特性可以總結為:具有獨特的鍊式語法和短小清晰的多功能介面;具有高效靈活的CSS選擇器,並且可對CSS選擇器進行擴展;擁有便捷的插件擴展機制和豐富的插件。 jQuery相容於各種主流瀏覽器,如IE 6.0 、FF 1.5 、Safari 2.0 、Opera 9.0 等。

推薦學習:《jQuery影片教學

以上是jquery列印不完整怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn