IE8无法打印动态元素

时间:2012-06-15 14:42:09

标签: html css internet-explorer printing

任何人都知道为什么从页面的一个部分克隆到另一个部分的动态元素不能在IE8中打印?

示例:

// Content div for element to be cloned to
<div class="content"></div>

// Element to be cloned to .content
<p>Some Text</p>

// Final result after cloning
<div class="content"><p>Some Text</p></div>

我正在使用jQuery clone()方法来克隆元素。

提前感谢您的帮助!

更新:

我实际上错过了代码逻辑中的一个类。看来我正在寻找一个没有被包含在IE中的类,因此正在打印的元素有一个display:none。在这种情况下,逻辑无法满足期望,我们找到了解决问题的方法。

感谢大家的帮助!

1 个答案:

答案 0 :(得分:0)

稍微拆分代码并再次创建相同的元素,将解决克隆元素的问题:

<强> HTML

<div class="content"></div>
<p class="cloneMe">Some Text</p>​

<强>的Javascript

$(document).ready(function(){
    var p = $("<p class='cloneMe'>");
    p.html( $('p.cloneMe').html() );
    //p.clone().appendTo('.content'); // clone() no longer necessary
    p.appendTo('.content');
});​

现场演示http://jsfiddle.net/4b9z3/3/

有关此内容的更多信息IE ignores styles for dynamically loaded content