1

我遇到了 BX Slider 与 LavaLamp 冲突的问题。

这就是我所在的地方。

首先，我设置了 lavalamp 菜单，

//Initialise Lavalamp
$(function() {
    $(".menu ul").lavaLamp({
        speed: 200,
        fx: 'easeOutBack'
    });
});

并且当我在 Wordpress 中时，我添加了一行，将“current”类添加到任何具有“current-menu-item”类的菜单项中。

$('.current-menu-item').addClass('current');

这一切都很完美......

但是，我现在希望幻灯片仅在幻灯片超过 3 张时才能运行，因此我添加了代码：

if (slider.getSlideCount() < 4){
    slider.destroyShow()
    $('.slide').removeClass('active-slide');
    $('.carousel div.gradient-top, .carousel div.gradient-bottom, #controls').css("display","none")
}

我做了一些探索，当我把slider.destroyShow()线拿出来时一切都恢复正常了，谁能想到为什么会发生这种情况，或者用一种方法destroyShow来达到同样的效果？我假设当destroyShow命令运行时它会破坏 Lavalamp 插件中的某些内容。

提前感谢您的帮助。

4

0 回答 0