jQuery仅在滑块div处于活动状态时设置动画

代码如下：

基本上每个div都有一个动画，所以当我单击next或prev滑块时，动画脚本应该只在激活div时运行。目前，它在开始时为所有div设置动画

使用

---

另外，如何在激活的div上添加活动类？

任何脚本加载后都会立即运行。另外，使用选择器

$（'.test'）

，动画将在类

test

的所有元素上运行。要在div更改时设置动画。jQuery Cycle插件提供回调方法来实现这一点：

$('#example').cycle({ 
    fx:     'scrollLeft', 
    timeout: 5000, 
    before:  onBefore, 
    after:   onAfter 
});

其中在转换之前调用函数

onBefore（）

，在转换之后调用函数

onAfter（）

。在您的情况下，只需使用onAfter（）（并去掉内联脚本）：

函数onAfter（）{ //$（此）引用当前幻灯片 $（此）。设置动画({ 顶部：“100px” }, 1000); } $（'#s6'）。在（''）之前。循环({ 外汇：“淡出”， 超时：6000， 延迟：-2000， 寻呼机：“#导航”， 下一个：“#next2”， 上一页：“#上一页2”， activePagerClass:“activeSlide”， 之后 }); 演示：

---

我不确定您希望发生什么动画，但这应该让您开始。

任何脚本加载后都将立即运行。另外，使用选择器

$（'.test'）

，动画将在类

test

的所有元素上运行。要在div更改时设置动画。jQuery Cycle插件提供回调方法来实现这一点：

$('#example').cycle({ 
    fx:     'scrollLeft', 
    timeout: 5000, 
    before:  onBefore, 
    after:   onAfter 
});

其中在转换之前调用函数

onBefore（）

，在转换之后调用函数

onAfter（）

。在您的情况下，只需使用onAfter（）（并去掉内联脚本）：

函数onAfter（）{ //$（此）引用当前幻灯片 $（此）。设置动画({ 顶部：“100px” }, 1000); } $（'#s6'）。在（''）之前。循环({ 外汇：“淡出”， 超时：6000， 延迟：-2000， 寻呼机：“#导航”， 下一个：“#next2”， 上一页：“#上一页2”， activePagerClass:“activeSlide”， 之后 }); 演示：

---

我不确定您希望发生什么样的动画，但这应该可以让您开始。

我不太确定您第一个问题想要什么，但是关于添加/删除活动状态类，请参见以下示例：

---

我不太确定关于第一个问题您想要什么，但是关于添加/删除活动状态类，请参见以下示例：

---

jsidle非常适合演示这个问题。但是，请在问题中包含实际代码，以便为将来的读者保留上下文。JSFIDLE非常适合演示该问题。但是，请在问题中包含实际代码，以便为将来的读者保留上下文。我希望每个div具有不同的动画，但是urs非常接近thxi希望每个div具有不同的动画，但是urs非常接近thxworks完美，因此我可以这样使用，以便每个div显示不同的动画：after:function（el，next_el）{$（next_el）.addClass（'active'）；if（$（'.page1'）.hasglass（'active'））{}else{}if（$（'.page2'）.hasglass（'active'））{}else{}，在：函数（el）{$（el）.removeClass（'active'）；}之前为什么不使用HTML5自定义属性和jQuery自定义事件，请参见更新的示例：你能告诉我哪一个更快有什么区别吗？thx dude！从逻辑上讲，后一种方法会更快，因为它不必评估元素是否引用活动类。此外，它更结构化。非常完美，因此我可以这样使用每个div显示不同的动画：在：function（el，next_el）{$（next_el）.addClass（'active'）；if（$（'.page1'）.hasglass（'active'））{}else{}if（$（'.page2'）。hasglass（'active'））{}else{}之前：function（el）{$（el）.removeClass（'active为什么不使用HTML5自定义属性和jQuery自定义事件，请参阅更新的示例：你能告诉我哪一个更快有什么区别吗？thx dude！从逻辑上讲，后一种方法会更快，因为它不必评估元素是否引用活动类。此外，它更结构化。