首页 > 解决方案 > 非确定性 jQuery .toggle() 如何防止这种侥幸行为?

问题描述

使用 jQ,.toggle()行为似乎取决于页面加载事件时客户端鼠标指针的位置。而且,就可靠的(都灵之类的)行为而言,这完全没用!

例如,在页面加载时将鼠标悬停在 iframe 视频上会反转切换状态。每个后续的悬停事件都有相反的效果,隐藏而不是

$("iframe").hover(function () {
   
             $('#sliderContainer').fadeToggle();
});

最初,我搜索以找到一些缓解措施。我是否正确得出结论,在某个时间点总会有悬停切换倒置的风险?

此外,我在SO 中读到 .toggle 已被弃用,但在jQ 的网站上没有看到任何迹象。那里发生了什么事?

标签: javascripthtmljquery

解决方案


我仍然发现and.toggle是不确定的。mouseentermouseleave

这些鼠标事件确实与display:noneand display: block一起使用,前提是当鼠标在页面加载期间位于“切换”区域上时,鼠标必须离开该区域并触发 mouseenter 事件。

至少这是预期和可靠的行为!然后必须添加动画。


推荐阅读