当前位置 : 主页 > 网页制作 > JQuery >

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

来源:互联网 收集:自由互联 发布时间:2021-06-15
当你将鼠标悬停在任何按钮上时,我正在使用Bootstrap工具提示,所以我有一个名为“打印”的按钮,当你按下它时Chrome显示我的页面预览我想用“打印”按钮上方的工具提示打印.如何使用
当你将鼠标悬停在任何按钮上时,我正在使用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();
}
要实现此目的,您可以使用@media设置在打印页面时隐藏Bootstrap工具提示,如下所示:

@media print {
  .tooltip { display: none; }
}
网友评论