Функция javascript не срабатывает при обновлении страницы

Question

У меня есть функция JavaScript, которая не срабатывает при обновлении страницы. Он работает, когда я перехожу к странице с другой страницы, но не удается, если обновить страницу.

Вся эта функция задает высоту одного элемента страницы на высоте другого элемента (Если они оба существуют).

jQuery(document).ready(function ($) { 
    if ($(".Video_Pane iframe").length && $(".Image_Pane img").length) { 
     $(".Video_Pane iframe").height($(".Image_Pane img").height()) 
    } 
} 

Любые идеи? Консоль не показывает никаких ошибок относительно этого

Answer 1

Существование img не означает, что оно было загружено (, чтобы вы могли прочитать его высоту). И обновление обычно приводит к недействительности кешированной версии изображения, поэтому ее необходимо перезагрузить.

Попробуйте использовать load событие (на окне объекта) и не ready

jQuery(window).load(function ($) { 
    if ($(".Video_Pane iframe").length && $(".Image_Pane img").length) { 
     $(".Video_Pane iframe").height($(".Image_Pane img").height()) 
    } 
}) 

Answer 2

У вас есть ошибка синтаксиса в вас коде. После последнего } отсутствует ); отсутствует.

Я просто попытался это и его работа для меня, как это:

jQuery(document).ready(function ($) { 
    console.log("Hello"); 
}); 

Answer 3

Вы пропускаете кронштейн.

jQuery(document).on('ready',function() { 
    if ($(".Video_Pane iframe").length && $(".Image_Pane img").length) { 
     $(".Video_Pane iframe").height($(".Image_Pane img").height()) 
    } 
}); 

Я бы также использовал .on ('ready'), а не .ready.