jquery - jQuery语法错误？

Question

基于堆栈溢出帖子的答案：Change background color on mouseover and remove it after mouseout

下面的代码应该将css设置为显示：块；悬停和显示：无；当他们悬停时。

任何人都可以看到下面的代码有什么问题吗？（没有发生控制台错误）我基本上是想让自己成为一个简单的工具提示。

$(function () {
    $(document).on('hover', '.inter [class]', function () {
        $('._22t').css({
            'display': 'block'
        });
    }, function () {
        $('._22t').css({
            'display': 'none'
        });
    });
});

Answer 1

on不接受 2 个回调函数，除此之外，您不能hover在该方法中使用伪事件名称on：

在 jQuery 1.8 中已弃用，在 1.9 中删除：名称“hover”用作字符串的简写"mouseenter mouseleave"。它为这两个事件附加了一个事件处理程序，处理程序必须检查event.type以确定事件是mouseenter还是mouseleave。不要将“悬停”伪事件名称与.hover()接受一两个函数的方法混淆。

$(document).on('mouseenter mouseleave', '.inter [class]', function(event) {
    $('._22t').toggle(event.type === 'mouseenter');
});