Div без изменения размера, когда документ готов (в Chrome)

Это код. Он отлично работает в Firefox.Div без изменения размера, когда документ готов (в Chrome)

var imageGrad = $('.cuadro-azul-consejo'), 
    image = $('.img.foto'); 

function resizeDiv() { 
    imageGrad.height(image.height()); 
    $(document).ready(function() { 
     $("img.foto").each(function() { 
      $('.cuadro-azul-consejo').css("height",$(this).innerHeight()); 
      $('.cuadro-azul-consejo .outter-azul').css("height",$(this).innerHeight()); 
     }); 
    }) 
} 

resizeDiv(); 
$(window).resize(function() { resizeDiv(); });

Код занимает высоту от изображения и применяет на DIV, но при загрузке страницы, то DIV принимает 0px высоту. Мне нужно изменить размер окна, чтобы он работал.

Что мне не хватает?

источник

2015-11-25 Daniel Camargo

Попробуйте изменить 'образ = $ (» img.foto. '); '' К изображению = $ (' IMG .foto '); ' –

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

Сначала попробуйте загрузить изображения, если существуют изображения, вызывается изменение размера функции – step

ваш $(document).ready(function() находится внутри функции, создать функцию и вызвать его на документ готов и окно изменения размера

источник

2015-11-25 19:06:04

Div без изменения размера, когда документ готов (в Chrome)

ответ

Смежные вопросы