JQuery скрипт начинает работать только после перезагрузки страницы

605
16 января 2017, 21:56

Есть код который размещен в body:

<script type="text/javascript">
jQuery(document).ready(function() {
    //Выравниваем текст с изображением на главной странице
    jQuery(".fu_third_section_img", this).each(function(){
        var height = jQuery(this).height();
        jQuery(".fu_third_section_text").css("height", height);
    });
});
</script>

который выравнивает поле с текстом по высоте загруженной картинки(wordpress):

<div class="row">
    <div class="col-sm-6">
        <div class="fu_third_section_text">
            <h2><?php echo get_option('woo_fu_name_dostoprim1'); ?></h2>
            <span><?php echo get_option('woo_fu_text_dostoprim1'); ?></span>
        </div>
    </div>
    <div class="col-sm-6">
        <div class="fu_third_section_img">
            <img src="<?php echo get_option('woo_fu_image_dostoprim1'); ?>" class="img-responsive" alt="">
        </div>
    </div>
</div>

При первой загрузке скрипт не срабатывает. Начинает работать только после перезагрузки страницы. В консоли только JQMIGRATE: Migrate is installed, version 1.4.1 . Вот сайт http://barbaris-kzn.ru . Помогите плиз!

Answer 1

Есть подозрение, что картинки не успевают загрузиться. Варианты решения:

1) Используйте load() вместо ready(). Ready() означает загрузку страницы, но не картинок в ней.

2) Укажите размеры картинок в теге <img>:

 <img src=".." width=1200 heigth=600>
READ ALSO
jQuery. Как передать элемент в setTimeout

jQuery. Как передать элемент в setTimeout

Подписываюсь на событие click для всех кнопок с классом btnНужно, чтобы при клике нажатая кнопка становилась неактивной, а через 3 секунды становилась...

309
Защита лайков от накрутки, localStorage

Защита лайков от накрутки, localStorage

Возникла небольшая проблемаНиже приведен скрипт, который обрабатывает клик на кнопку лайк и затем создает объект в localStorage + делает кнопку...

310
Плавная смена background-image

Плавная смена background-image

Как сделать плавную смену картинок фона? Есть вот такой скрипт, но там смена происходит не плавно

1338
Ответ регистрации с сервера на форму через Js/Jq/Ajax

Ответ регистрации с сервера на форму через Js/Jq/Ajax

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

297