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

    }

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

0 个答案: