Выпуск скользящей галереи jQuery

Question

Я использую эту фотогалерею от Codrops для отображения изображений. Вместо того, чтобы вручную вставлять ссылки на изображения в html, я использую сценарий PHP для отображения изображений из каталога. Я пытаюсь вызвать скрипт php с помощью jQuery - примерно так:

HTML:

  <div id="thumbsWrapper">
                <div id="content">
                   <?php /* include_once('display.php'); */  ?>
                    <div class="placeholder"></div>
                </div>
            </div>

JQuery:

$('#content').load('display.php');

Тем не менее, это нарушает галерею и, хотя она отображает изображения, ничего не происходит, когда я наводю курсор мыши или нажимаю на изображение. Firebug выдает ошибку:

элемент не найден.

Где я иду не так?

Answer 1

Я полагаю, что load заменит содержимое #content, которое включает <div class="placeholder"></div>. Если этот div нужен для галереи, он не будет работать.

Как-то так должно это исправить:

$.get('display.php', function(data) {
  $('.placeholder').before(data);
});

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

Наконец, что не так с подходом загрузки через php (я вижу, вы это закомментировали). Похоже, хороший способ пойти ко мне.

Answer 2

использовать плагин livequery для вновь добавленных dom-элементов, которые будут работать и функционировать одинаково. livequery