2016-10-14 4 views
0

Я использую плагин lightgallery для отображения изображений моего веб-сайта при нажатии. Я инициализировал фотогалерею какКак повторно инициализировать lightgallery после вызова ajax

$(document).ready(function(){ 
    $('#lightgallery').lightGallery({ 
     selector: '.item' 
    }); 
}); 

В документе загрузился его рабочий тон. Проблема в том, что когда я загружаю больше изображений и добавляю их с помощью jquery, я хочу снова инициализировать lightgallery, чтобы работать на iamges, загружаемый вызовом ajax. Но lightgallery не работает для них. Он работает только для изображений, загружаемых во время загрузки страницы.

+0

Пожалуйста, добавьте код, где вы загружать больше изображений –

+1

вы можете сделать скрипку? –

+1

Оформить заказ! Его может помочь вам. http://codepen.io/sachinchoolur/details/QjLNMM/ – Balasubramanian

ответ

1

Это может помочь:

function createLightGallery() 
{ 
    $('#lightgallery').lightGallery({ 
     selector: '.item' 
    }); 
} 

// on document load 
$(document).ready(function(){ 
    createLightGallery(); 
}); 

// on the AJAX request 
$.ajax({ 
    url: "/get_images", 
    . 
    . 
    success: function() 
    { 
     if("#lightgallery").data("lightGallery")) 
      $("#lightgallery").data("lightGallery").destroy(true); 
     createLightGallery(); 
    } 
}); 

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

  • Нет связанных вопросов^_^