Question

我在jQuery中有自己的简单相等高度代码，使两列具有相同的高度：

var content = $("#content");
var sidebar = $("#sidebar");
var maxHeight = Math.max(content.height(), sidebar.height());
content.height(maxHeight);
sidebar.height(maxHeight);

这个JS文件包含在我的头文件中。我有一个打印样式表，运行此JS时#content div的高度是个问题。我需要在这个打印CSS上使jQuery代码不会发生。有什么想法吗？

Answer 1

两个选项：

1）在服务器端，如果您使用辅助视图进行打印布局，则无法为打印视图包含JS输出。

2）您还可以在打印css属性中添加！important以防止它们被覆盖。这适用于某些浏览器。你在多个浏览器上测试过吗？你知道你想要支持哪些浏览器吗？你怎么包括你的CSS？ <link rel="stylesheet" type="text/css" media="print" href="foo.css">？

这些选项中的任何一个都适合您。如果您在单击打印图标时有单独的页面视图，则可以使用第一个。否则，您可以使用第二个并执行#mydiv { height: 200px !important }之类的操作。

在打印样式表上禁用相等高度的JS

1 个答案: