Question

我的项目中有一个包含多个类别的页面，每个类别都有一个带图像的Flexslider。每个类别显示一次并单击另一个，前者隐藏并单击显示，类似方案与选项卡。

当我点击另一个类别时，我需要它，它会破坏在前一类中初始化的Flexslider的功能，并在此类别中执行。

这是我迄今为止所做的，但没有成功：

启动Flexslider的功能：

vm.sliderCol = function () {

    setTimeout(function () {

        $('.sliderCol').flexslider({
            animation: "slide",
            controlNav: false
        })
    }, 1000)
}

输入类别按钮的功能：

vm.clicou = function(){

    $('.sliderCol').flexslider("destroy")

    setTimeout(function () {
        vm.sliderCol()
    }, 1000)
}

在那之前我试图销毁Flexslider，不知道是否有一些方法可以停止执行该功能并启动它，有人可以帮忙吗？

Answer 1

点击每个播放该角色的类别时，我设法销毁滑块并使用以下功能重新启动它：

vm.clicou = function(){
    $('.sliderCol').flexslider("destroy");
    $('.sliderCol').removeData("flexslider");
    setTimeout(function () {
        vm.sliderCol();
    }, 100);
}

破坏AngularJS上的函数

1 个答案: