jquery - 打印页面时不出现动态创建的元素

Question

我有一些使用 jQuery 动态创建的元素：

<body>
<a href="#" id="trigger">test</a>
    <a href="javascript:window.print()">print</a>
</body>

jQuery：

$(document).ready(function() {
    $('#trigger').click(function(e) {
        $('body').append('<div id="test"></div>');
    });
});

CSS：

#test { 
    position: absolute; 
    left: 50px; 
    top: 100px; 
    width: 500px; 
    height: 25px; 
    background-color: #F00; 
}

如您所见，我创建了一个print按钮并希望打印出该#test元素。不幸的是，工作表只有两个按钮。似乎您无法打印出动态元素。

任何帮助深表感谢。

score 5 · Accepted Answer

当您打印网页时，浏览器会自动忽略背景颜色（因为您通常不希望花费整个彩色墨盒来打印网页背景）。您生成的 div 是空的，它在页面上可见的唯一方式是因为它的背景颜色不同。

如果您将内容添加到 div 或边框，它也应该在打印输出中可见。

1 回答 1