Как подружить два скрипта JQuery?

Question

[aleksandrozz]

Здравствуйте!

Подскажите пожалуйста, как можно "подружить" два скрипта Masonry и Infinite Ajax Scroll?

Первый отвечает за вывод материалов блога по примеру Pinterest. Демо: tympanus.net/Development/GridLoadingEffects/index.html материалы выводятся с абсолютным позиционированием. А второй подгружает материалы с помощью Ajax.

Код:

<div class="blog">
  <div class="item">...</div>
  <div class="item">...</div>
  <div class="item">...</div>

  <a href="#">Загрузить новости</a>
</div>

<script>
  $(document).ready(function(){
    $('.blog').masonry();
  });
</script>

Нужно чтобы вновь подгруженные материалы обрабатывались скриптом Masonry и вывод был бы корректным.

Возможно как-то это реализовать?

Заранее спасибо!

Answer 1

[Дмитрий Кузнецов]

Не особо знаком с JS и jQeury, но может сделать через колбек функцию?

Answer 2

[Дмитрий]

В masonry нет методов добавления новых блоков? Смотрите доку, мануал, должны быть

Answer 3

[Wheelie]

Там где вы апендите элементы.

jQuery("#content").append(el).masonry( 'appended', el, true );

Источник: stackoverflow.com/questions/8722197/jquery-masonry...