JQuery, переменная внутри функция не распознается действием

Question

Прежде всего, пусть будет известно, что я полный n00b в jQuery.

Во-вторых, я не могу найти какую-либо конкретную информацию по этому вопросу в любом месте, поэтому я теперь, наконец, публикую этот вопрос.

И, наконец, невероятно странная и, следовательно, разочаровывающая вещь в этой проблеме, которую я испытываю, заключается в том, что я получу код, а затем уйду от компьютера немного, чтобы сделать что-то еще, и когда я вернусь внезапно код больше не работает.

Вот код, который я хранится во внешнем файле и ссылки из HTML:

var adjPad = (function() { 
     var ht = $('#contactinfo').height(); 
     $('.content p:last').css({'padding-bottom':ht}); 
    }); 

    $(document).ready(function(){adjPad();}); 
    $(window).resize(function(){adjPad();}); 

Это не будет ничего делать, так как если переменная ХТ не существует.

Однако, если изменить значение «набивка дно», скажем, XYZ + «точек», код будет действительно признать, что значение и регулировать отступы соответственно.

Я так невероятно озадачен. Любая помощь будет оценена очень!

В соответствии с просьбой, здесь все соответствующие HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
    <script src="base.js"></script> 
... 
    <div class="content"> 
     <h1>HISTORY</h1> 
     <p></p> 
    </div> 
... 
    <div id="contactinfo"> 
     <div id="contactinfocontainer"> 
     <div id="left"> 
      <ul> 
       <li></li> 
      </ul> 
     </div> 
... 
     </div> 
    </div> 
... 

Спасибо за все ответы до сих пор !!

РЕШЕННЫЙ!

Проблема заключается в совместимости между браузерами.

'margin-bottom' работает для Chrome.

'padding-bottom' Работает на Edge, Firefox и Waterfox.

Счастливое кодирование!

Answer 1

Проблема заключается в совместимости между различными браузерами.

'margin-bottom' работает для Chrome.

'padding-bottom' Работает на Edge, Firefox и Waterfox.

Я надеюсь, что это поможет кому-то в будущем :)

Answer 2

Долгое время, не используя jQuery, но я думаю, высота() даст вам номер.

Так что попробуйте пройти ХТ + «точек»

Как CSS предназначен для состоять из строк.

Furtermore jQuery.height() дает разобранную высоту css, поэтому, если вы используете% в своей таблице стилей, появится ошибка. В этом случае подумайте о том, чтобы получить объект boundingbox и получить высоту оттуда.

Это должно быть, как получить BB.

$(...).getBoundingBox().height() 

JQuery синтаксический анализ CSS в строке, так что дают и проблемы с% и чувствителен к различным браузерам, а также .height() доступно только тогда, когда документ создается, а затем исчезает. BB взаимодействует доретивно с механизмом рендеринга, который преобразует% в px и упорядочивает элементы на странице. Таким образом, это все равно даст вам реальную позицию любого объекта.(В браузере):

Answer 3

JQuery высота метод возвращает высота в количестве.

var ht = $('#contactinfo').height(); //returns height in number 

Но ваше значение обивки должно быть в px так изменить код на следующую строку, и она должна работать:

$('.content p:last').css({'padding-bottom':ht+'px'});