Проблема с JQuery Высота (значение)

Question

Я ОЧЕНЬ новичок в jQuery (буквально начал работать с ним сегодня), и поэтому держу пари, что упускаю что-то очень очевидное.

Я работаю с jQuery 1.5.2 и ASP.NET 3.5 в VS 2010. Я пытаюсь динамически установить высоту одного контейнера div в соответствии с высотой другого контейнера div.Последний div увеличивается для размещения содержимого внутри, и мне нужно, чтобы два были равны по высоте, в противном случае это выглядит ужасно.

Я пробовал следующий код в заголовке файла Site.master:

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        var newHeight = $("#content").height() + "px"; //Also tried without  + "px"
        $("#sidebar").height(newHeight);
    });
</script>

Это делает ... что-то.Вершина первого элемента div отображается как нижняя часть второго элемента div;Я не совсем уверен, если они одного роста, хотя.

Я использую это на Firefox 10.0.2 прямо сейчас;Я не проверял ни на каких других версиях или браузерах.

Любая помощь приветствуется.

Answer 1

Это работает для меня:

<div id="content" style="float:left; width:100px; height: 200px; background: red;">This is the content</div>
<div id="sidebar" style="float:left; width: 50px; background: blue;">This is the sidebar</div>​

$(document).ready(function () {
    var newHeight = $("#content").height();
    $("#sidebar").height(newHeight);
});

http://jsfiddle.net/K2fmT/

Answer 2

Работает без проблем без вашего px.

Вы также можете использовать jQuery API и попытаться использовать equalizeHeights(), чтобы сделать это, как в этом примере:

Как использовать equizeHeights

Answer 3

Первое: .height используется без «px»

Второе: этот код устанавливает высоту #sidebar, равную высоте #content, когда документ загружается полностью.

Итак, если вы просто хотите это сделать, этот код должен быть достаточно.

Но, если высота элемента изменяется динамически (например, с помощью ajax-запроса, чтобы получить больше контента и затем установить его на #content), вы должны корректировать высоту #sidebar при каждом изменении высоты #content.

О проблеме расположения этих элементов, должна быть какая-то ошибка в вашем css .. что-то об их свойствах с плавающей точкой ..