2 div одинаковой высоты отзыв

Question

Здравствуйте, я пишу какой-то скрипт, но думаю, что для исправления нужно исправить это. Моя цель состоит в том, чтобы установить .hight-driven на то же значение, что и .height-driver, но нужно работать и при изменении размера. после изменения размера окна все в порядке, но при загрузке jQuery (window) .resize(); не загружайте, поэтому мне нужно ВРЕМЯ в другом случае, когда он не работает. Вы можете увидеть его после 2 секунд при запуске скрипта RUN и ширине окна более 768 пикселей. как вызвать эту функцию без задержки?

когда вы удаляете задержку и ставите только jQuery (window) .resize(); он будет работать здесь, но на сайте иногда Вы должны обновить его 4,5,6 раз becouse это набор .height приводом высоту 0px альтернативную версию работы на jsfiddle, но не в реальной странице: http://jsfiddle.net/2Lod0sxq/

текущая версия: http://jsfiddle.net/ponciusz/z818ehxt/

JQuery

jQuery(document).ready(function(){ 
// resize after resizing 
    jQuery(window).resize(function(){ 
     //if less than 768 set heignt auto 
     if ($(window).width() < 768) { 
      jQuery('.height-driven').css({"height": "auto" }); 
     } 
     // if bigger run 
     else { 
      jQuery('.height-driven').each(function(){    
       var ka_height = jQuery('.height-driver').height(); 
       jQuery(this).css({"height": ka_height });  
      }) 
     } 
    }) 
    // after page load check if less 768 if yes set height to auto 
    if ($(window).width() < 768) { 
     jQuery('.height-driven').css({"height": "auto" }); 
    } 
    // if more resize after 1 sec - IF DELETE THIS SET HEIGHT WONT WORK after refresh 
    else { 
     setTimeout(function() { 
      jQuery(window).resize(); 
     }, 2000);    
    } 
}) 

HTML:

<div class="uk-container uk-container-center"> 
    <div class="uk-grid" data-uk-grid-margin=""> 
     <div class="uk-width-medium-1-2"> 
      <div class="uk-panel uk-vertical-align height-driven service-wrap"> 
       <div class="uk-vertical-align-middle ka_fade service-content"> 
        <h2>LOREM</h2> 
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit esse.</p> 
       </div> 
      </div> 
     </div> 

     <div class="uk-width-medium-1-2"> 
      <div class="uk-panel height-driver"> 
       <img class="uk-align-center" src="http://dummyimage.com/600x700/000/fff" alt=""> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

Я нашел решение: http://4loc.wordpress.com/2009/04/28/documentready-vs-windowload/

я заменил первую строчку:

jQuery(document).ready(function(){ 

к этому:

jQuery(window).load(function(){ 

и сейчас работает идеально.