Реализация JQuery Изотоп на изображениях добавлен динамически

Question

Я пытаюсь написать модуль для Drupal, который будет иметь функциональность для обработки изображений с использованием изотопа. То, что я пытаюсь сделать, это взять входную ссылку от пользователя, а затем загрузить это изображение в # content-images div. Я сталкиваюсь с проблемами в реализации изотопного плагина на этих изображениях.

Вот jsfiddle: http://jsfiddle.net/xu4k7/1/ для моего кода. Когда я изменю приведенный выше код на следующий код, изображения не отображаются.

(function ($) { 
$(document).ready(function() { 
    $("#input-box-to-obtain-image-links").change(function() { 
      var value = $(this).val(); 
      $('#content-images').append('<div class="image"><img class="isotope-images" src="'+value+'"></div>'); 
    }); 

    $('#content-images').isotope({ 
     itemSelector: '.image' 
    }); 
}); 
})(jQuery); 

Я просто хочу знать, как я могу реализовать изотоп на этих изображениях, так что, когда я изменить размер моего браузера, изображения присоединяются. Спасибо

Answer 1

Ваша изотопная оболочка имеет высоту 0px, поэтому изображения не видны. Возможно, изотоп init сделан слишком рано, поэтому он не может вычислить его высоту обертки? См

Isotope jquery plugin doesn't show properly on chrome

или

Isotope intermittently returns 0px height on div

(первая ссылка действительно кажется, что ваше решение: положить изотопные Инициализировать обратный вызов обожженного после фактического обновления DOM)