Typo3 и изменение значений CSS с помощью jQuery

Question

У меня проблема с моим сайтом. У меня есть два div, в левой - основное содержание страницы, а в правом div - некоторые тексты. Когда в одном из этих divs много контента, его высота больше, чем у другого div. Поэтому я попытался сделать значение CSS равным, но он вообще не работал. Я уже дважды проверял все, код, каталог файлов и т. Д. Я до сих пор не вижу ошибки. Это мой TypoScript код, чтобы включить JQuery и мой JS-файл:

# jQuery 
includeJSlibs.jquery.external = 1 
includeJSlibs.jquery = http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js 

# Javascript 
includeJS.file1 = fileadmin/script.js 

И это мой JS-файл (script.js):

$(document).ready(function() { 
     var contentHeight = $(#content).css(["height"]); 
     var sidebarHeight = $(#sidebar).css(["height"]); 

     if (contentHeight > sidebarHeight) { 
     $(#sidebar).height(contentHeight - 110); 
     } else { 
     $(#content).height(sidebarHeight + 110); 
     } 
    }); 

Edit: Почти забыл код CSS:

#content { 
    position: relative; 
    background-color: #ffffff; 
    width: 550px; 
    min-height: 510px; 
    border: 2px solid #b7cdd4; 
    border-left-width: 2.5px; 
    border-bottom-width: 0px; 
    float: left; 
} 

#sidebar { 
    position: relative; 
    float: right; 
    width: 242px; 
    background-color: #ffffff; 
    min-height: 600px; 
    border: 2px solid #b7cdd4; 
    border-left-width: 2.5px; 
    border-bottom-width: 0px; 
    margin-top: -91px; 

} 

Может ли кто-нибудь мне помочь? Я бы очень признателен.

Answer 1

Ваш jquery недействителен. Должно быть:

$(document).ready(function() { 
    var contentHeight = $('#content').css("height"); 
    var sidebarHeight = $('#sidebar').css("height"); 

    if (contentHeight > sidebarHeight) { 
     $('#sidebar').height(contentHeight - 110); 
    } else { 
     $('#content').height(sidebarHeight + 110); 
    } 
}); 

See the example (Откройте консоль и вы увидите, что высота есть)