jquery - 单击隐藏在 div 后面的元素

Question

我正在为 jQuery 图像轮播设置脚本。我已经实现了一个旋转功能，该功能由两个 div 上的鼠标悬停触发，将父旋转木马除以 2。如果您将鼠标悬停在左侧，它会单向旋转，反之亦然。

问题是，这两个 div z-indexed 到顶部以提供该功能，当用户单击特定图像以使其弹​​出时，我无法设置点击功能。

我考虑的替代方案是使用 PageX，这样我就可以删除 div 并按计划使用点击功能。是否可以使用 PageX 将一个 div 分成 2 个(因此，如果您将鼠标悬停在一侧，它会执行一个操作，而在另一侧则执行相反的操作)？或者是否有其他方法更适合这种情况？

Answer 1

我只想在旋转木马后面放一个 div 并按照您所说的那样使用 event.pageX。如果坐标在页面左侧，则向左旋转，否则向右旋转。

如果轮播中的图像实际上并未包含在外部 div 中(并且不会使鼠标悬停冒泡)，只需将相同的鼠标悬停事件也附加到它们即可。