【问题标题】:Sending a div to separate page for printing将 div 发送到单独的页面进行打印
【发布时间】:2017-10-20 04:05:36
【问题描述】:

所以我正在开发一个有很多食谱的网站。我想要一个按钮,将显示的任何配方发送到该页面进行打印。但是,我设置每个页面的方式使这变得复杂。我为每种类型都有一个页面,并通过使用 div 和 javascript 显示食谱。您从列表中单击一个配方并调用一个函数以使相应的配方从“无”变为“阻止”。这是我当前的代码

$('.main').each(function() {
    if(style.display=="block"){
    var divData = $('.card').html();
    window.location.href = "print.html";
    document.write(divData);
    }

});    

如何更改此代码,使其调用显示设置为“阻止”的代码?

【问题讨论】:

  • 不要尝试通过内联样式查找元素,而是在其上设置一个类(进行样式设置)并按该类选择元素。除非我误解了这个问题。
  • 不幸的是,目前还不能发表评论,但我在另一个问题上发现了这个,基本上你需要什么。 stackoverflow.com/questions/14398444/…
  • 制作一个表单并指定按下按钮时您希望浏览的页面的属性操作

标签: javascript jquery html css


【解决方案1】:

您应该尝试使用基于活动配方类的打印样式表。

这里有更多关于打印样式表的信息

https://css-tricks.com/print-stylesheet-approaches-blacklist-vs-whitelist/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-02-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多