我正在使用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});
}
}
我的代码中存在相同的问题
$(document).ready(function(){
slider = $('#lightSlider').lightSlider({
onSliderLoad: function(el){
el.removeClass('cS-hidden');
},
gallery: true,
pauseOnHover: true,
item: 1,
loop: false,
thumbItem: 8,
thumbMargin: 4,
slideMargin: 5
})
});
我的解决方案是jQuery Migrate插件:
<script src="jquery/jquery-3.4.1.min.js"></script>
<script src="jquery/jquery-migrate-1.4.1.min.js"></script>