如何通过单击按钮打印 div？

Question

我正在使用 Jason day 的 printThis，在其配置页面上显示您可以使用以下方式触发插件：

$('selector').printThis();

现在，当我这样做时，我注意到此触发器在页面加载时显示打印框，而不是单击按钮。

如何使用此插件并通过按钮而不是默认页面加载来触发它？

Answer 1

因此，为了做到这一点，您需要为按钮的 click 事件添加一些侦听器。

假设这是你的 HTML:

<button id="myButton">Button</button>

<div id="myPrintableContent">
  Some content to print
</div>

这是您的 javascript 代码：

$(document).ready(function() {
  $('#myButton').on('click', function () {
    $('#myPrintableContent').printThis();
  });
});

How to print a div on a click of a button?