Question

我正在使用此插件：http://dimsemenov.com/plugins/royal-slider/documentation/#basic-usage 如果图像有当前类，我正在寻找一种更改菜单类的方法。

如果幻灯片中的当前图像具有明亮的类，我想将菜单添加到菜单中。我正在使用此代码：

 jQuery(window).load(function() 
 if ($('#the-img').hasClass('dark')) {
 $('#widget-menu').addClass('menu-dark');
}
 });

这是我的菜单类菜单 - 黑暗。

但是当我希望它改变时，如果img具有明亮的类，如果是最新的话怎么办？非常感谢答案。

我正在处理的网站是： http://mlido.se/site/case/luxit/

Answer 1

Magnus，滑动图像的功能是什么，可以显示代码吗？

解决问题的一般想法是在动画完整回调中检查图像类。

您需要定义一个类似的函数：

function checkImageClass () {
    $('#widget-menu').removeClass('menu-dark').removeClass('menu-bright');
    if ($('#the-img').hasClass('dark')) {
        $('#widget-menu').addClass('menu-dark');
    } else {
        $('#widget-menu').addClass('menu-bright');
    }
}

然后，在定义动画的地方添加完整的回调函数。

$(your-selector).animate({
    left : ...
}, {
    complete : checkImageClass
});

我在您的网站上找不到动画控制代码。如果你在这里发布你的动画代码，我会尝试根据我的建议更新它。

了解更多信息see jquery animate documentation

hasClass当前幻灯片？

1 个答案: