JS/jQuery 代码流 - 将动画与单击函数相结合
JS/jQuery code flow - combine an animation with a click function
我正在尝试实现一个页面,当指针位于其外部时,该页面具有一个简单的div,在悬停时会淡入具有不同内容的不同div。
我希望简单的div 不是链接,而是不同的div 是链接(整个div)。
以下 jsfiddle 描述并演示了我遇到的问题:http://jsfiddle.net/neigere/3sP3N/
您可以在此处实时查看该错误:http://tedneiger.com
这似乎是一个代码序列执行问题,可以通过移动我调用单击函数的位置来解决,但是我已经尝试了几种变体,但无法成功解决它。
提前谢谢。
问题是点击被professional
div 捕获,并且没有到达professional-detail
div。
http://jsfiddle.net/3sP3N/46/
在这个小提琴中,我在professional
div完全消失后将其隐藏起来。现在似乎运作良好。我需要将position
设置为 absolute
,因为没有它,为什么详细的div 也会消失。我发现了一个margin-top:
...在 mousein 类的 css 中,我不明白为什么,我删除了它。
相关文章:
- 单击css动画后丢失的事件
- 无法在第一次单击时禁用链接,并在动画完成后重新启用
- 单击时SVG菱形展开动画
- 调用函数和单击动画
- 操作方法:第一次单击动画 1,第二次单击动画 2
- 单击时取消动画,单击时删除类
- 单击时重播 GIF 动画/重新加载 GIF
- 在单击位置显示动画
- 在进行动画时防止多次单击(stopPropagation&:animated)
- 单击时为现有下拉菜单制作动画
- 单击按钮时停止画布动画
- 菜单在每单击一次时切换不同的动画
- JS单击事件不适用于暂停CSS动画
- 多次单击时运行关键帧动画
- Jquery 动画在单击几次后消失
- 每次使用 jQuery 单击按钮时显示动画
- 单击时重新启动音频和动画
- 在动画过程中禁用单击
- 在单击时对元素进行动画处理,并在该元素和其他元素上单击鼠标输入/鼠标离开
- 在使用 jQuery 单击不相关的按钮后,如何防止特定动画运行