Javascript 还记得上次使用slick.js刷新时查看的幻灯片吗
我使用slick.js作为内容浏览器。因此,我的滑块有许多图像需要仔细阅读。我希望能够刷新网页,让slick记住我观看的最后一张幻灯片。我不熟悉jquery和javascript,因此希望您能提供任何指导 以下是我正在使用的代码:Javascript 还记得上次使用slick.js刷新时查看的幻灯片吗,javascript,jquery,css,slider,slick.js,Javascript,Jquery,Css,Slider,Slick.js,我使用slick.js作为内容浏览器。因此,我的滑块有许多图像需要仔细阅读。我希望能够刷新网页,让slick记住我观看的最后一张幻灯片。我不熟悉jquery和javascript,因此希望您能提供任何指导 以下是我正在使用的代码: $(document).ready(function(){ // Carousel Options $('.mycarousel').slick({ infinite: true, accessibility: true
$(document).ready(function(){
// Carousel Options
$('.mycarousel').slick({
infinite: true,
accessibility: true, mobileFirst: true,
adaptiveHeight: true,
arrows: false, draggable: true,
useCSS: true, cssEase:'linear', focusOnSelect: true,
dots: true, appendDots:$(document.innerHTML = "<p> </p>"),
lazyLoad: 'ondemand',
});
$('.leftArrow').on('click', function(){
$('.mycarousel').slick("slickPrev");
});
$('.rightArrow').on('click', function(){
$('.mycarousel').slick("slickNext");
});
$(window).on('resize orientationchange', function() {
$('.mycarousel').slick('resize');
});
});
$(文档).ready(函数(){
//旋转木马选项
$('.mycarousel')。光滑({
无限:是的,
可访问性:true,mobileFirst:true,
自适应高度:正确,
箭头:错误,可拖动:正确,
useCSS:true,cssEase:‘线性’,focusselect:true,
dots:true,appendDots:$(document.innerHTML=“”),
懒洋洋的:“ondemand”,
});
$('.leftArrow')。在('单击',函数()上){
美元(“.mycarousel”).slick(“slickPrev”);
});
$('.rightArrow')。在('click',function()上{
$('.mycarousel').slick(“slickNext”);
});
$(窗口).on('resize orientationchange',function(){
$('.mycarousel').slick('resize');
});
});
我自己做了一些研究,我发现:
$('#yourCarousel').on('slid.bs.carousel', function () {
var currentSlide = $('#yourCarousel div.active').index();
sessionStorage.setItem('lastSlide', currentSlide);
});
if(sessionStorage.lastSlide){
$("#yourCarousel").carousel(sessionStorage.lastSlide*1);
}
除了会话存储,您还可以使用:
localStorage.setItem('lastSlide', currentSlide)
你有没有可能提供你正在使用的代码?如果不知道你真正解决的问题是什么,你很难给出一个可以接受的答案。看看我的答案。如果它有帮助,请接受作为答案,如果你有任何困难,只是问为晚一个,项目中断。我已经添加了我正在使用的代码。
slided.bs.carousel
不是一个光滑的事件,.carousel()
不是光滑识别的方法。