jQuery滑块：颜色更改菜单不会与滑块的其余部分同步

Posted 2023-02-25

【中文标题】jQuery滑块：颜色更改菜单不会与滑块的其余部分同步

【英文标题】：jQuery slider: color changing menu won't sync with the rest of the slider

【发布时间】：2012-02-07 14:29:33

【问题描述】：

所以我制作了一个带有滑动图像的滑块和一个随之滑动的菜单。

它的工作原理是这样的： 图像向左滑动，菜单随之移动，因此连接到当前图像的菜单按钮始终位于最左侧。 除此之外，菜单会根据处于活动状态的幻灯片更改颜色。问题就从这里开始： 如果我只是让它自己滑动，它会像它应该的那样工作，但是如果我按下菜单中的任何按钮，并且下次它自动滑动时，菜单的颜色就会偏移。 菜单中最左侧的按钮应始终为黄色，而其他按钮应为离黄色越远越亮的灰色。

这是滑块的链接：http://server.patrikelfstrom.se/rcane/slider/ javascript：http://server.patrikelfstrom.se/rcane/slider/slider.js CSS：http://server.patrikelfstrom.se/rcane/slider/slider.css

我知道这是一个大问题，但我不知道我应该如何解决这个问题。请帮忙。谢谢。

（我使用 jquery 1.3 是因为我正在构建的网站就是为了使用它。（我知道旧的和蹩脚的，但我无法改变））

【参考方案1】：

我也找不到它，但要达到一定程度，必须在 click 函数的某处触发该错误：

jQuery('#slider-menu-content .slider-menu-item a').click(function(e) 
    var id = jQuery(this).parent('li').attr('class').match(/\d/);
    moveSlide(id, id);
    moveMenu(id, id);
    interval = resetSliderInterval(interval);
    e.preventDefault();
);

如果自动滑块再次开始滑动，它似乎会破坏位置。 尝试以某种方式重置 resetSliderInterval 函数，如果您每次点击都开始点击。

【讨论】：

嗯...我在每次点击和移动时调用 resetSliderInterval 所以它应该更新计数并获取最新的 imo ：/