Javascript 我做了一个循环2的幻灯片。我想在滑块中的特定图像处于活动状态时触发JQuery函数

HTML

 <div class="cycle-slideshow" id="cycle-1" style="float:left;" 
   data-cycle-fx=scrollHorz 
   data-cycle-timeout=3000 >

 <img src="./responsive/img/java1.gif">
 <img src="./responsive/img/java2.gif">
 <img id="trigger" src="./responsive/img/clown.gif">
 <img src="./responsive/img/java4.gif">
 </div>

<div id="target" style="position:absolute;top:50px;left:350px">
        <img src="./responsive/img/java5.gif">  
</div>

幻灯片很有效。我希望在滑块中小丑图像处于活动状态时隐藏静态图像（id=“target”），并在滑块中任何其他图像处于活动状态时使其再次可见

当小丑图像处于活动状态时，jQuery函数如下所示：

$（'#target'）.css（'visibility'，'hidden'）

我做了一个小动作：

看看：

您可以在

cycle-1

上有一个div change事件，检查哪个图像正在其处理程序中显示，并相应地在

目标

图像上切换css

---

正如我给您指出的答案中所解释的那样，这在IE上不起作用。

最终找到了简单而肮脏的解决方案：在不确定循环中使用hasClass函数。请参阅JSFIDLE更新：