Question

我的网站有一个通过javascript控制的标签视图。禁用JS后，选项卡会垂直对齐。在document.ready中调用了一个函数，它将选项卡重新排列为相互重叠，因此您必须单击选项卡标题才能显示内容。

当我调用window.print时，元素不会像没有javascript那样显示，但是相互之间对于网站的纸质版本来说不是最理想的。

在调用window.print之前，还有其他方法还是我必须将项目重新排列回原来没有JS的样子？

编辑：一般来说，它的工作原理如下：

$(document).ready(function()
{
    $('.btn1').click(function()
    {
       $('.tile2').css('display', 'none');
       $('.tile1').css('display', 'block');
    });
    $('.btn2').click(function()
    {
       $('.tile1').css('display', 'none');
       $('.tile2').css('display', 'block');
    });
    $('.tile2').css('display', 'none');                  
});

http://jsfiddle.net/MK77j/

Answer 1

使用print css覆盖JS应用的样式。

<link rel="stylesheet" href="print.css" type="text/css" media="print" />

无需修改javascript即可打印

1 个答案: