Отключить JS одинаковой высоты в таблице стилей печати - PullRequest
Новая
       12

Отключить JS одинаковой высоты в таблице стилей печати

1 голос
/ 15 июля 2009

У меня есть свой собственный простой код одинаковой высоты в jQuery, чтобы сделать два столбца одинаковой высоты: 

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

Этот файл JS включен в мой заголовочный файл. У меня есть таблица стилей печати, а высота #content div - проблема при запуске этого JS. Мне нужно, чтобы код jQuery не появлялся при печати CSS. Есть идеи?

1 Ответ

1 голос
/ 15 июля 2009

Два варианта:

1) На стороне сервера вы не можете включить вывод JS для представления печати, если вы используете вторичное представление для макета печати. ​​

2) Вы также можете добавить! Важные к своим свойствам print css, чтобы предотвратить их переопределение. Это должно работать для некоторых браузеров. Вы проверяли это на нескольких браузерах? Знаете ли вы, какие браузеры вы хотите поддерживать? Кроме того, как вы включаете свой CSS? <link rel="stylesheet" type="text/css" media="print" href="foo.css">

Любой из этих вариантов должен работать для вас. Если у вас есть отдельный просмотр страницы, когда они нажимают значок печати, вы можете перейти к первому. В противном случае вы можете использовать второе и сделать что-то вроде #mydiv { height: 200px !important }.

...