光滑的滑块仅在 Jquery Mobile 中第一次工作答案

【问题标题】：slick slider only working the first time in Jquery Mobile光滑的滑块仅在 Jquery Mobile 中第一次工作
【发布时间】：2015-02-26 15:28:54
【问题描述】：

我正在使用 Jquery Mobile 在 HTML5 中构建一个应用程序，并且我正在使用 Slick 滑块来显示图片库，但它仅在我第一次切换到图库页面时才有效，下一次它崩溃了。

$('#roller').on('pageshow',function(){
    console.log("TRIGGER");
    $('.divroller').slick({
        arrows:false,
        dots:false,
        infinite:false,
        slidesToShow:4,
        swipe:true,
        swipeToSlide:true,
        initialSlide:0
    });
});

图像是从返回 divroller div 的 html 的 JSON 字符串加载的

【问题讨论】：

你有相应的 HTML 吗？
Inicio
如果您提供JSFIddle 显示您的问题，您可能会更快地获得帮助。只是提醒一下。

标签： javascript jquery html jquery-mobile

【解决方案1】：

[已解决]。 slick 在 $('#roller').on('pageshow') 第一次触发时将两个类（slick-initialized 和 slick-slider）添加到 de divroller div。因此，为了让其他时间正常工作，必须删除 slick 插入的两个类才能再次触发滑块

【讨论】：

你可以调用 unslick 方法而不是删除类： $('.divroller').slick('unslick');然后重新初始化？