Jquery UI 选项卡:错误 - 当选择鼠标悬停时
我在使用 jquery ui 选项卡时发现以下错误,
当我选择事件作为鼠标悬停并
$("#Tab").tabs({ "event":"mouseover",fx:{ opacity: 'toggle' , duration:'slow'}});
在快速将鼠标移动到选项卡上时为其添加动画时,两个选项卡内容同时保持打开状态。
这是已确认的错误,请检查此
我认为问题在于< strong>Jquery UI Tabs 不使用悬停意图,这个问题有什么解决方案吗?
i found the following bug when using jquery ui tabs ,
when i selected the event as mouse hover and added animation to it
$("#Tab").tabs({ "event":"mouseover",fx:{ opacity: 'toggle' , duration:'slow'}});
when i move the mouse over the tabs quickly , two tab contents remain open at the same time .
this is the bug confirmed , check this
i think the problem is that Jquery UI Tabs is not using hover intent , any solution this problem ?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
不要快速将鼠标悬停在它们上方!呵呵:)
我认为最好的解决方案是用最后一个悬停项目设置一个js变量,然后在空闲期超时后,触发这个“最后一个”悬停选项卡的鼠标移出,比如说 50 毫秒。您也可以在选项卡上使用 stop() 函数,这可能会有所帮助。
这是一个粗略的想法,但如果用户很愚蠢,那你为什么要迎合他们呢! - 它会发生吗? :)
Dont hover over them quickly! hehe :)
I think the best solution would be to set a js variable with the last-but-one hovered item, and then after a timeout of idle period, to trigger the mouseout of this "last-but-one" hovered tab, something of say 50 ms. You might be able to play around with the stop() function on the tabs aswell, this might help.
That's a rough idea, but if users are being silly then why should you cater for them! - Will it even happen? :)