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

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; }
}