javascript - 非确定性 jQuery .toggle() 如何防止这种侥幸行为?
问题描述
使用 jQ,.toggle()
行为似乎取决于页面加载事件时客户端鼠标指针的位置。而且,就可靠的(都灵之类的)行为而言,这完全没用!
例如,在页面加载时将鼠标悬停在 iframe 视频上会反转切换状态。每个后续的悬停事件都有相反的效果,隐藏而不是
$("iframe").hover(function () {
$('#sliderContainer').fadeToggle();
});
最初,我搜索以找到一些缓解措施。我是否正确得出结论,在某个时间点总会有悬停切换倒置的风险?
此外,我在SO 中读到 .toggle 已被弃用,但在jQ 的网站上没有看到任何迹象。那里发生了什么事?
解决方案
我仍然发现and.toggle
是不确定的。mouseenter
mouseleave
这些鼠标事件确实与display:none
and display: block
一起使用,前提是当鼠标在页面加载期间位于“切换”区域上时,鼠标必须离开该区域并触发 mouseenter 事件。
至少这是预期和可靠的行为!然后必须添加动画。
推荐阅读
- java - Kafka:并行有界批处理
- css - Bootstrap 4,Form-Inline 在 XS 视图上不对齐
- ruby-on-rails - 使用酶测试 React 组件取决于头部/元标记
- android - 使用 runTransaction 时,我的权限被拒绝
- java - 签署文档时 PDFBox 2.0.8 问题
- c - 基本加法循环 c
- java - java 我认为字符串是不可变的
- windows - 是否可以在没有 Windows 10 专业版的情况下使用 Docker?
- jakarta-ee - 包 com.sun.xml.internal.ws.developer
- regex - 如何通过 Redshift psql 提取正则表达式组