jquery – 避免鼠标悬停时html表闪烁

发布时间：2020-12-14 22:46:31 所属栏目：资源来源：网络整理

导读：我需要避免鼠标悬停时html表闪烁.当有人徘徊在一排时,它会显示一个按钮,但桌子似乎有些奇怪. 这是我的代码 http://jsfiddle.net/7nqLg/2/ 最佳答案请改用mouseenter和mouseleave. jQuery('.myRow').mouseenter(function() { jQuery(this).find('div:first')

我需要避免鼠标悬停时html表闪烁.当有人徘徊在一排时,它会显示一个按钮,但桌子似乎有些奇怪.

这是我的代码
http://jsfiddle.net/7nqLg/2/

最佳答案

请改用mouseenter和mouseleave.

jQuery('.myRow').mouseenter(function() {
    jQuery(this).find('div:first').css('visibility','visible');
}).mouseleave(function() {
    jQuery(this).find('div:first').css('visibility','hidden');
});

而不是隐藏元素设置隐藏和鼠标上的可见性使其可见,这将避免闪烁,因为div显示它时占用一些空间.隐藏其可见性仍将占用空间但不会显示.

Demo

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!