如何在打印文档时隐藏工具提示

Question

当你将鼠标悬停在任何按钮上时,我正在使用Bootstrap工具提示,所以我有一个名为"打印"的按钮,当你按下它时Chrome显示我的页面预览我想用"打印"按钮上方的工具提示打印.如何使用jQuery隐藏它,因为它不需要打印？

<a id="print" class="btn btn-danger btn-sm" data-toggle="tooltip" data-placement="top" title="Print" onclick="Print()">
  <i class="fa fa-print fa-lg" aria-hidden="true"></i>
</a>

function Print(){
  window.print();
}

Answer 1

要实现此目的,您可以使用该@media设置在打印页面时隐藏Bootstrap工具提示,如下所示:

@media print {
  .tooltip { display: none; }
}