Jquery.print 插件隐藏href链接

【问题标题】：Jquery.print plugin hide href linksJquery.print 插件隐藏href链接
【发布时间】：2016-10-10 09:14:37
【问题描述】：

我们正在使用 jquery.print 插件here，但是它会打印在 href 标记中找到的链接 - 任何人都知道如何隐藏链接但仍然打印链接中的文本？周全

$("#contentinner").print({
        globalStyles: true,
        mediaPrint: false,
        stylesheet: null,
        noPrintSelector: ".no-print",
        iframe: true,
        append: null,
        prepend: null,
        manuallyCopyFormValues: true,
        deferred: $.Deferred(),
        timeout: 750,
        title: null,
        doctype: '<!doctype html>'
});

编辑 - 在全局 css 中添加了以下内容，它隐藏了链接以及内部文本

 @media print {
  a[href] { display: none; }
 }

编辑 - 这行得通，谢谢 Sathvik @ DoersGuild

@media print {
   a[href]:after {
     content: none !important;
   }
}

【问题讨论】：

标签： jquery printing

【解决方案1】：

您可以使用@media 查询来设置链接样式，使它们看起来像印刷版中的普通文本：

@media print {
    // your styles
}

【讨论】：

说得太早了——修复隐藏了链接的内部文本，任何想法如何隐藏链接但显示内部文本？ TQ
当然，你隐藏了display: none的链接。只需像普通文本一样设置样式：删除下划线，选择正确的颜色，删除悬停效果等。打印时您可能会看到它只是一个普通的字符串。
根本不想看到链接 - 只是链接包含的文本。例如 SHOW ME 只需要查看文本 SHOW ME - 但是在使用插件打印时，它也会显示超链接。
hmmm... 恐怕仅通过 CSS 无法实现。也许您应该尝试通过 jquery 展开或在 html 中添加链接的打印版本。但所有这些都是不可取的技巧。
已排序 - 见上文