Question

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

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

非常简单地开火：http://www.paolobergomi.it/sitob/index.html但实际上我没有任何线索为什么不起作用。我调试了很多但是是一样的。 div你正确地放在HTML中，脚本是好的（我认为），但它不会工作，任何线索都是受欢迎的。

Answer 1

当您使用正确的语法时，

mouseenter和mouseleave在jQuery中正常工作：

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

Example fiddle

我还假设mouseenter处理程序应隐藏.flashOn元素？

Answer 2

您有mouseenter和mouseleave的语法错误。

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

Answer 3

最终解决方案

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

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

 }
});

感谢正确的语法，现在好了

mouseenter和mouseleave在jquery中不起作用

3 个答案: