Uncaught：$(.).lightGallery(.).destroy不是函数

Question

在运行$('#categoryImages').lightGallery().destroy(true);时，我正在使用来自我网站的光明画廊插件。

我得到控制台错误

Uncaught：$(.).lightGallery(.).destroy不是函数

下面提到的代码片段是我的网站代码，用于光线库。

    $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);
});

Answer 1

作为文档，应该是这样的：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/

Answer 2

您需要保存对已初始化插件的引用，然后在ajax完成之后，然后在调用the之后，重新初始化插件。

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
/..