jquery列印不完整的解決方法:1、開啟對應的js檔案;2、在列印之前把指定div的overflow改成全部顯示,修改程式碼為「$('#print').css ({'height' : 'auto','overflow' : 'visible'}).print();」。
本教學操作環境: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中文網其他相關文章!