Jquery LightSlider在缩略图点击后不能恢复播放

Question

我意识到lightSlider没有恢复播放功能，并且一旦点击任何幻灯片就会停止播放。有什么办法可以添加这个功能吗？

$(document).ready(function() { 

    var slider = $('#demo').lightSlider({ 
     item:1, 
     slideMargin:0, 
     pause:8000, 
     enableTouch:true, 
     auto:true, 
     loop:true, 
     controls:false, 
     pauseOnHover: true, 
    }); 

    $('#demo').parent().on('mouseenter',function(){ 
     slider.pause(); 
    }); 

    $('#demo').parent().on('mouseleave',function(){ 
     slider.play(); 
    }); 
}); 

我试着用mouseleave函数添加一个恢复播放功能，但它在手机上不起作用。如果你们任何一位大师有任何建议，我们将不胜感激。提前致谢。

Answer 1

我找到了解决方案。 01.use此lightSlider.js文件链接：

$(window).load(function(){ 

$('#lightSlider').lightSlider({ 

item: 4, 
auto:true, 
slideMargin: 2, 
loop :true, 
pause: 4000, 
speed: 1000, 
onAfterSlide: function() { 
    $('#lightSlider iframe').remove(); 
    $('#lightSlider li').removeClass('hasIframe'); 
} 
}); 

}); 

从这个

发现：在页面上 http://raw.githack.com/sachinchoolur/lightslider/1.1.2/src/js/lightslider.js

02.script