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

时间:2015-02-26 15:28:54

标签: javascript jquery html5 jquery-mobile

我正在使用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
    });
});

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

1 个答案:

答案 0 :(得分:0)

[解决]。第一次$('#roller')on(' pageshow')触发时,slick将两个类(slick-initialized和slick-slider)添加到de divroller div。因此,对于其他时间工作,必须删除通过光滑插入的两个类,以便再次触发滑块