仅第一次发生lightslider控制台错误，但第二次工作

Question

我正在使用lightslider 用于在我的网站上显示图像 功能如下所示
我有空UL我通过jquery动态添加图像 在该方法的第一次运行中（首先打开页面，先单击按钮）

jquery-3.2.1.min.js:4 Uncaught TypeError: a.indexOf is not a function
    at r.fn.init.r.fn.load (jquery-3.2.1.min.js:4)
    at Object.setHeight (lightslider.js:456)
    at Object.initialStyle (lightslider.js:321)
    at Object.build (lightslider.js:866)
    at r.fn.init.$.fn.lightSlider (lightslider.js:891)
    at SetModelData (PurchProduct:919)
    at HTMLAnchorElement.onclick (PurchProduct:469)

使用一个没有滑块的图像打开模态  我关闭模态并再次单击它会打开 滑块工作 有什么问题

var slider= $('#lightSlider').lightSlider({ gallery: true,item: 1,   auto: false});
    function SetModelData(packID,CompID,CompName,CompDesc,img,FileList,CompNotes,CompPacks) {  
        var files = $.parseJSON(FileList);

    var found = 0;
    var newEl = ' <li data-thumb="' + img + '"><img src = "' + img + '"/> </li>';
    $('#lightSlider').html(newEl);

    for (i = 0; i < files.length; i++) {
        if (files[i].FilePath.toUpperCase().indexOf("MOV") > -1 || files[i].FilePath.toUpperCase().indexOf("MP4") > -1 || files[i].FilePath.toUpperCase().indexOf("MPEG") > -1 || files[i].FilePath.toUpperCase().indexOf("MPG") > -1 || files[i].FilePath.toUpperCase().indexOf("AVI") > -1)

        {
            var newEl = ' <li data-thumb="../../../img/Video.png"><video controls><source src="' + files[i].FilePath + '" type="video/mp4" /></video></li>';
            $('#lightSlider').prepend(newEl);
        }
        else {
            var newEl = ' <li data-thumb="' + files[i].FilePath + '"><img src = "' + files[i].FilePath + '" /></li>';
            $('#lightSlider').prepend(newEl);
        }
    }    
        if (slider != undefined) {   slider.destroy();
//Error Happens on the command below
    slider = $('#lightSlider').lightSlider({ gallery: true,
                item: 1,
                auto: false});
        }

    }