javascript - js中的任何方式与我在css中的方式相同吗？

Question

我试图找到同样的东西，但还没有找到。（一直在寻找几个小时。）

我有一条悬停在一个大广场上的领带。（请参阅链接以了解我的建议：http ://rdv-design.com/stageverslag2/home.html

只是我想要的不同之处在于，当我将鼠标悬停在领带上并且方块出现时，当我将鼠标放在它上方的 div 上时，方块不会消失。但是当我把鼠标放在悬停的领带（方形）的盒子外面时，我希望它消失。

有人有想法吗？

谢谢！

Answer 1

在showdiv.js中，你有这个：

$(function() {
    $('.vierkant').hover(
        function() { 
            $('#tekst').show(); 
        } else { 
            $('#tekst').hide(); 
        }
    );
});

这是无效的，else不是if. 我想你想做的是：

$('.vierkant').hover(function() { $('#tekst').show(); },
                     function() { $('#tekst').hide(); });

此调用.hover()使用两个函数，一个用于鼠标进入（显示），一个用于鼠标离开（隐藏）。完成此操作后，将相应地处理悬停事件。

另请参阅：.hover()的 jQuery API 。

编辑：还有.childen()可能有帮助的 jQuery 选择器。虽然我相信悬停功能也应该适用于 的子级.vierkant，但您可能还希望这样做：

$('.vierkant').children().hover(function() { $('#tekst').show(); },
                                function() { $('#tekst').hide(); });

假设您的#tekst块中的内容实际上是一个子节点。