Uncaught TypeError: $ (...). LightGallery (...). Destroy не является функцией
Я использую плагин световой галереи на своем веб-сайте, при этом запустив
$('#categoryImages').lightGallery().destroy(true);
Я получаю консольную ошибку
Uncaught TypeError: $(...).lightGallery(...).destroy is not a function
приведенный ниже фрагмент кода - это код моего веб-сайта, который я использую для световой галереи.
$subcategory) { $subcategoryImage= scandir($dir.strtolower($getCategory)."/".$subcategory); unset($subcategoryImage[array_search('.', $subcategoryImage, true)]); unset($subcategoryImage[array_search('..', $subcategoryImage, true)]); foreach ($subcategoryImage as $key => $value2) { $data['subcategoryImages'][]= $dir.strtolower($getCategory)."/".$subcategory."/".$value2;?>
<li class = "col-xs-6 col-sm-4 col-md-3" data-responsive = " 375, 480," data-src = "">
<img class = "img-responsive" src = "">
Код jquery
$('body').on('click', '.category', function() {
$('#categoryImages').lightGallery().destroy(true);
});
Ответы 2
По документации должно быть так: http://sachinchoolur.github.io/lightGallery/docs/api.html#methods
var cI = $('#categoryImages');
cI.lightGallery();
$('body').on('click', '.category', function() {
cI.data('lightGallery').destroy(true);
});
Обновить скрипку: http://jsfiddle.net/n5w7eoxh/11/
Спасибо за ваш ответ, я использовал который вы поделились "Uncaught TypeError: gal.destroy не является функцией"
Пожалуйста, отправьте свой полный код в скрипке, может быть, я смогу вам помочь
Привет, Джагджит Сингх: Спасибо за ответ. Я использовал световую галерею для своего веб-сайта, начальная страница загружается нормально, при нажатии нескольких флажков с помощью ajax я получаю изображения, относящиеся к категории. Если я выбрал более одной категории, галерея света не работает. Но в консоли не отображаются ошибки.
Не отправляйте здесь свой код, укажите скрипт jsfiddle.net
Привет, Джагджит Сингх: jsfiddle.net/gireesht14/n5w7eoxh эта ссылка откроет мой код, но он связан с включенным динамическим php-кодом
Да, но где вы пытаетесь использовать метод уничтожения
Обновлено, проверьте мой ответ
Привет, Джагджит Сингх: приведенный ниже код мне подходит. Спасибо за вашу помощь var gal = $ ('# categoryImages'); gal.lightGallery (); / ... request.done (function (data) {// ... $ ('. ajxcategoryImages'). html (subcategoryImages1); // добавляем результаты gal.data ('lightGallery'). destroy (true); // уничтожаем текущую галерею gal.lightGallery (); // создаем новую / ..
Вам нужно сохранить ссылку на свой инициализированный плагин, а затем вызвать destroy после завершения ajax, после того, как вы вызовете destroy, вы повторно инициализируете плагин
var gal = $('#categoryImages');
gal.lightGallery();
/...
request.done(function(data) {
//...
$('.ajxcategoryImages').html(subcategoryImages1); //append the results
gal.data('lightGallery').destroy(true);//destroy the current gallery
gal.lightGallery();//create a new one
/..
см. мой ответ ниже