Обновить javascript onclick

Question

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

<script> 
    jQuery(function($) { 
     $('#bloc2').height($('#zonetexteposition').height()); 
     $('#bloc2-vertical').height($('#zonetexteposition').height()); 
     $('#bloc2-horizontal').height($('#zonetexteposition').height()); 
    }); 
</script> 

До сих пор все работает нормально. мои divs получают правильную высоту из div #zonetexteposition.

Дело в том, что он вычисляет высоту страницы только при загрузке. На моей странице F.A.Q есть вопросы, и anwser появляется при щелчке вопроса, поэтому он меняет высоту моего div #zonetexteposition. Поскольку javascript работает только с загрузкой, он не изменяет размер до новой высоты #zonetexteposition. Поэтому я хотел бы знать, возможно ли создать сценарий, который будет обновлять приведенный выше сценарий при выборе вопроса.

Спасибо, надеюсь, что это ясно

Answer 1

Создайте функцию, которая имеет расчеты:

function foo() { 
    $('#bloc2').height($('#zonetexteposition').height()); 
    $('#bloc2-vertical').height($('#zonetexteposition').height()); 
    $('#bloc2-horizontal').height($('#zonetexteposition').height()); 
} 

Добавить прослушиватель событий к кнопке:

$("button").on('click', function(event) { 
    foo(); 
    //anything you want on the click also 
}); 

Вызвать функцию на нагрузке:

jQuery(function($) { 
    foo(); 
}); 

Answer 2

Wrap весь код, вы сделали в функцию, то при загрузке страницы, вызовите эту функцию, когда вы щелкните на нужном элементе, вызовите ту же функцию.

Answer 3

Один быстрый ответ будет: вместо вычисления высоты каждый раз, просто установите минимальную высоту вместо высоты на нагрузке DOM.

Как что:

$('#bloc2, #bloc2-vertical, #bloc2-horizontal').css('min-height',$('#zonetexteposition').height()); 

Таким образом, вы не должны пересчитывать высоту контейнера после загрузки DOM, как контейнер будет обрабатывать его «естественным» он становится больше.

Tout Simplement :)