Question

有没有办法用jQuery操作@media打印？

我有一个表，我想计算行数，如果行数大于特定数字，我会应用分页符

$('.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 table tbody'在@media打印中也有一个特定的样式，我想添加分页属性但是使用jQuery）< / p>

Answer 1

对类使用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;}
}

使用jQuery修改@media print

1 个答案: