У меня есть отделение на моем веб-сайте, который должен быть высотой окна. Это - то, что я получил:
$(document).ready(function() {
var bodyheight = $(document).height();
$("#sidebar").height(bodyheight);
});
Однако это автоматически не изменяется, когда окно изменено? Какое-либо тело знает, как зафиксировать это?
Спасибо
Вам также нужно сделать это в событии resize
, попробуйте так:
$(document).ready(function() {
$(window).resize(function() {
var bodyheight = $(this).height();
$("#sidebar").height(bodyheight);
}).resize();
});
В дополнение к тому, что говорили другие, убедитесь, что вы извлекли код обработчика событий в отдельную функцию и вызываете ее из готовых
и resize
обработчики событий. Таким образом, если вы добавите еще код или вам нужно будет привязать его к другим событиям, у вас будет только одно место, где можно изменить логику кода.
Используйте событие resize
.
Это должно сработать:
$(document).ready(function() {
$(window).resize(function() {
var bodyheight = $(document).height();
$("#sidebar").height(bodyheight);
}); });