javascript - printThis.js 有时不打印内容

Question

我正在使用 printThis.js 并尝试使用 angularjs 打印 html。我的代码是

var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {
    $scope.Html = '<div><p>Pakistan</p></div>';
    $scope.printMe = function (){
        $dvPrint = $($scope.Html);

                $dvPrint.printThis();
    }
}

HTML 代码:

<div ng-controller="MyCtrl">
  <button id="print_btn" ng-click="printMe()">click it</button><br />
</div>

jsFiddle

我面临的问题是，如果我在本地计算机上工作，它就可以完美工作。但如果我将其部署在本地服务器上，那么有时打印预览为空。而在服务器上调试部署的代码时 printthis.js 可以工作。

我尝试增加 printthis.js 中的超时时间，但没有成功。对这个问题有什么想法吗？我的jquery版本是2.1.0

我想在这里添加的另一件事是，如果我编辑页面加载后需要打印的 html 内容，那么 printThis.js 将正常工作并且内容将在打印预览中。在其他情况下，如果第一次渲染页面并加载 html 内容，printThis.js 将呈现空预览。

Answer 1

你可以在 CSS 端尝试一下吗...这是代码

@media print {

.show{字体大小:24px；字体粗细:粗体；显示: block ；}}