Есть такой код
$.each(response, function (index, object) {
var slide_item = '<div class="slide" style = "vertical-align: middle;">' +
'<img src="http:\/\/remont.qwerq.ru\/' + object.path + '">' +
'<span class="slide-text">' +
'<span class="icon icon-left-nav"></span>' + 'anything' +
'</span>' +
'</div>';
$('#mySlideGroup').append(slide_item);
});
Добавилось 3 слайда. Далее выполняется такой скрипт:
//Подгонка изображений под размер слайдера
jQuery(function ($) {
function fix_size() {
var images = $('.slide img');
images.each(setsize);
function setsize() {
var img = $(this),
img_dom = img.get(0),
container = img.parents('.slide');
if (img_dom.complete) {
resize();
} else
img.one('load', resize);
function resize() {
if ((container.width() / container.height()) < (img_dom.width / img_dom.height)) {
img.width('100%');
img.height('auto');
return;
}
img.height('100%');
img.width('auto');
//
}
}
}
$(window).on('resize', fix_size);
fix_size();
});
Примечательно, что $('.slide img'); , равно как и $('.slide');возвращает пустой объект. Не вкурю никак, помогите разобраться.
Судя по всему, следующая за ajax запросом функция fixsize выполнялась раньше, чем выполнялся append(). Решено путем вложения функции fixsize в функцию success ajax-запроса.
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости