mouseenter和mouseleave在jquery中不起作用

我正在测试我的网站，添加一些jQuery交互。我创建了以下脚本：

$(document).ready(function() {
    $('.flash').on({
        mouseenter: function (
            $('.flash').hide();
    },
    mouseleave: function  {
        $('.flashOn').show();
    }
});

---

非常简单地启动闪光灯：但实际上我不知道为什么它不工作。我调试了很多，但都是一样的。div被正确地放置在HTMLas中，您可以看到，脚本是可以的（我认为），但它不起作用，欢迎提供任何线索。

mouseenter

和

mouseleave

在jQuery中使用正确的语法可以很好地工作：

$('.flash').on({
    mouseenter: function() {
        $('.flashOn').hide();
    },
    mouseleave: function() {
        $('.flashOn').show();
    }
});

---

我还假设

mouseenter

处理程序应该隐藏

.flashOn

元素？

mouseenter

和

mouseleave

在jQuery中使用正确的语法时工作得很好：

$('.flash').on({
    mouseenter: function() {
        $('.flashOn').hide();
    },
    mouseleave: function() {
        $('.flashOn').show();
    }
});

---

我还假设

mouseenter

处理程序应该隐藏

.flashOn

元素？

mouseenter和mouseleave的语法错误

$('.flash').on({
   mouseenter: function ( // here should be (){
    $('.flashOn').hide();
   },
   mouseleave: function { // here should be (){
    $('.flashOn').show();
   }
});

---

mouseenter和mouseleave有语法错误

$('.flash').on({
   mouseenter: function ( // here should be (){
    $('.flashOn').hide();
   },
   mouseleave: function { // here should be (){
    $('.flashOn').show();
   }
});

最终解决方案

$('.flash').on ({
    mouseenter : function (){

    $('.flash').hide();
    $('.flashOn').show();
},
   mouseleave: function  (){
    $('.flashOn').hide();
    $('.flash').show();

 }
});

感谢您提供了正确的语法，现在一切正常

最终解决方案

$('.flash').on ({
    mouseenter : function (){

    $('.flash').hide();
    $('.flashOn').show();
},
   mouseleave: function  (){
    $('.flashOn').hide();
    $('.flash').show();

 }
});

---

感谢正确的语法，现在可以了

对于同一元素上的多个处理程序，tyvm siri为我提供了新语法，在css中创建了两个类，一个显示为none（flash on），基本上当我鼠标悬停时，我希望第二个div（display none）中包含的图像能够显示和隐藏“flash”类。但它无论如何都不起作用。我试过你的，但没用。不管怎样，谢谢你。嗨，它起作用了。好的，很抱歉解释得不好。我想让第二张图片重叠并取代第一张，而不是在旁边…我需要修复这个问题，但是你的图片还可以。谢谢你对我的新语法对于同一个元素上的多个处理程序，tyvm siri在css中创建了两个类，一个显示为none（flash on），基本上当我鼠标悬停时，我希望包含在第二个div（display none）中的图像能够显示和隐藏“flash”类。但它无论如何都不起作用。我试过你的，但没用。不管怎样，谢谢你。嗨，它起作用了。好的，很抱歉解释得不好。我想让第二张图片重叠并取代第一张，而不是在旁边…我需要修复这个问题，但是你的图片还可以。谢谢你，谢谢。现在我在给andrew写信时得到了正确的语法，。我只是需要一点修改的方式，这两个图像不在旁边，但一个取代了另一个。谢谢，很好。现在我在给andrew写信时得到了正确的语法，。我只需要一点修改，使两个图像不在旁边，而是一个代替另一个。