Обнаружить высоту тела

Question

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

Live Code

HTML

<input type="file" /></div><button id="addNew">Add</button> 

<div class="attachField"></div> 

JS

var i=0; 
    $('#addNew').click(
     function() 
      { 
       if(i < 10) 
       { 
       i++; 
       $('.attachField').append('<div class="attachFile"><input type="file" /></div>'); 
       } 

       $('body').on('load', function() 
        { 
         var bodyAfterClick = $(this).contents().height(); 
         alert(bodyAfterClick); 
         $('body').height(bodyAfterClick); 

        }); 
    }); //end click 

Answer 1

this Является ли то, что вы хотели?

Кузов автоматически увеличивается, когда вы добавляете к нему элемент. Это поведение по умолчанию, когда высота элемента не задана.

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

$('body').on('load', function()) 

Answer 2

согласно вам код я понимаю, что вам нужно найти высоту тела, когда вы добавляете вход

сделал некоторые изменения в код

JS Fiddle

 var i = 0; 
     $('#addNew').click(

     function() { 
      if (i < 10) { 
       i++; 
       $('.attachField').append('<div class="attachFile"><input type="file" /></div>'); 

       a = $('body').height() 
       console.log(a) 
       alert(a) 

      } 


     }); //end click 

Answer 3

Первый из-за чего вы явно устанавливаете высоту на body на $('body').height(bodyAfterClick);?

Если вы должны обнаружить body высоту, вы можете попробовать это -

$(document).height() - $('body').offset().top; 

ссылки ссылку - jQuery $("body").height() returns undefined