使用jQuery修改@媒体打印
使用jQuery修改@媒体打印
提问于 2017-01-08 01:07:52
有办法用jQuery操纵@媒体打印吗？
我有一个表，我想计算行数，如果行数大于一个特定的数字，我将应用分页后。
$('.print').on('click', function () {
var r = 0;
$('.invoice table tbody tr').each(function () {
r+=1;
if(r == 30){
if($('.footer').css('display') == 'none'){
$('.invoice table tbody').css('page-break-after', 'always');
}
}
})哪里
- $('.print')是触发window.print()操作的按钮，但它不会在使用css文件中的@media打印时隐藏页脚。
- 我在css文件中使用@media print打印页脚时隐藏了页脚(“.invoice表tbody”在@media print中也有特定的样式，我希望添加分页属性，但使用jQuery)
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-01-08 01:22:59
对类使用css样式规则，并在适用的情况下添加该类。类似于：
var numRows = $('.invoice table tbody tr').length;
if(numRows >= 30 && !$('.footer:visible').length ){
$('.invoice table tbody').addClass('page-break-class')
}CSS
@media print {
tbody.page-break-class {page-break-after: always;}
} 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41528392
复制相关文章
相似问题
腾讯云开发者
