2015-05-22 6 views
11

Я пытаюсь использовать плитку нескольких Instagram с масонством. Проблема заключается в том, что instagram вводит размеры изменений после загрузки, поэтому макет оставляет пробелы.Обратный вызов Javascript после загрузки instagram загружен?

Есть ли обратный вызов, который я могу использовать, когда загружены все внедренные страницы на странице? Я думаю, я должен вызвать кладку снова после того, как Instagram Встраивание загружены и изменены правильно

пытался $(document).ajaxStop() не работал

+0

Почему вы не загружаете его сначала из instagram, а затем визуализируете «масонство»? – aswzen

+0

Вы жестко кодируете эти вставки? Они подчиняются любому правилу выбора (последние фотографии некоторых хэштегов, последние фотографии конкретного пользователя)? Мне кажется, что вы должны обратиться к API Instagram, получить все фотографии одновременно и создать свой собственный html с ответом (json). Но этот метод зависит от того, как вы выбираете фотографии. –

+0

@aswzen да, это именно то, что я пытаюсь сделать, заботиться о том, как это сделать? Что происходит сейчас, когда загружается страница, вкладки instagram частично загружаются (в текстовой форме), а затем iam, предполагая, что он вызывает вызовы ajax для загрузки изображения и таблиц стилей для iframe. Мне нужен способ узнать, что вкладки закончили загрузку должным образом, чтобы я мог запускать каменную кладку. –

ответ

5

У меня возникла проблема с изменением размера из-за запросов AJAX, когда я использовал код Javascript для Javascript. Я решил это, используя следующий код:

$('#div').bind("DOMSubtreeModified", function() { 
    // ... 
}); 

Этого код будет выполняться, когда элементы изменяются под сНом элемента с идентификатором div. Это было очень полезно. Если вам нужна дополнительная помощь, не бойтесь прокомментировать этот ответ.

+1

Прекрасно работает с Instagram .. Я использовал его, чтобы получить конечную высоту div, но он возвращал старую высоту, поэтому я использовал 'window.setTimeout ('function()', 50) ; 'и теперь он отлично работает – Khaled

2

Там в раствор с помощью Daniel Buchner вы можете использовать для обнаружения (событие обратного вызова) элемент изменения размера. Вы можете обернуть каждое вложение в элемент (<div>) и присоединить прослушиватель resize к вашему div. Всякий раз, когда есть размер, запускайте масонство. Если это становится насыщенным с помощью триггеров переупорядочения, установите тайм-аут (500 мс), когда произойдет событие изменения размера, чтобы перестроиться только после стабильного периода.

Доступен прослушиватель размера here.

+0

Звучит неплохо, хотя я опасаюсь использовать таймаут. даст эту попытку ASAP –

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