jQuery printArea 打印控件出现 DIV 内容显示异常怎么办？

使用 jquery printarea 打印控件出现 div 内容显示异常

使用 jquery printarea 插件打印控件时，部分用户遇到 div 内容显示异常的情况，有时可以显示正确，但大部分情况下为空白。

根据提供的代码和效果图，可以做出以下分析：

问题可能的原因：

• jquery 对象不存在：printarea 插件依赖 jquery 对象，当 jquery 未加载或其版本过低时，无法正确打印内容。

问题解决方法：

• 检查 jquery 对象：在打印代码前，检查 jquery 对象是否存在，如果不存在，则加载 jquery。
• 使用条件注释：ie 9 及以下版本不支持 jquery，因此可以通过条件注释只在非 ie 内核和 ie 9 以上版本加载 jquery。例如：

<!--[if !IE 9]><script src="jquery.js"></script><![endif]-->

具体操作步骤：

1. 检查 jquery 对象是否已加载。
2. 如果未加载，则使用条件注释在非 ie 内核和 ie 9 以上版本加载 jquery。
3. 确保打印代码在 jquery 加载完成后执行。

通过以上步骤，可以解决 div 内容在打印时显示异常的问题。