jquery - 如果最后一个 li 包含带有循环插件的类,则向第一个 li 添加一个类

标签 jquery jquery-cycle

This fiddle按预期工作,当最后一个 li 有一个类时,第一个 li 得到第一个类。

我尝试对 jQuery Cycle 插件使用相同的原理。如果您查看this fiddle你会看到cycle插件给事件幻灯片添加了一个activeSlide类。我已经在 fiddle 中放入了一些代码,我认为可以处理它,但看起来好像我的逻辑错误?

最佳答案

当文档加载时,您只需检查一次 activeSlide 类。将您的逻辑包装在行上的点击处理程序中,它应该可以工作:

$('#nav li').click(function() {
    if( $('.activeSlide').is('li:last-child') ) {
        $('li:first').addClass('first');
    }
    else {
        $('li:first').removeClass('first');
    }
});

Click here for live example

如果我想在周期的每个间隔检查事件幻灯片该怎么办?

您可以向 after 选项添加回调并在那里运行逻辑。查看all the available options了解更多信息。

Click here for a live example

关于jquery - 如果最后一个 li 包含带有循环插件的类,则向第一个 li 添加一个类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11758507/

相关文章:

javascript - CSS li 没有排队。可能是周期问题

javascript - 如何计算 <li> 相对于其父容器的 offset()

Javascript 正则表达式子组

jquery - 如何覆盖 jquery 的 .serialize 以包含未选中的复选框

javascript - 用于幻灯片更改事件的jquery

html - 第一次按下下一个按钮时,jQuery 循环 slider 重叠

javascript - jQuery/Lodash - 通过键获取多个嵌套的 json 值

javascript - jQuery css 在主体 :after 上设置背景图像

jQuery循环幻灯片调整大小问题

jquery - TypeError : $(. ..).cycle 不是函数:JSF 应用程序中的 jQuery 循环