mouseenter и mouseleave не работают в jQuery

Я тестирую свой сайт, добавляя некоторые взаимодействия jQuery. Я создал этот скрипт:mouseenter и mouseleave не работают в jQuery

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

Очень просто огонь вспышки: http://www.paolobergomi.it/sitob/index.html но на самом деле у меня нет какой-либо ключ, почему не работает. Я отлаживал много, но то же самое. Div правильно помещены в HTML-файлы, которые вы видите, сценарий в порядке (я думаю), но он не будет работать, любой ключ приветствуется.

источник

2015-01-04 paolo bergomi

mouseenter и mouseleave отлично работает в JQuery, когда вы используете правильный синтаксис:

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

Example fiddle

Я также предполагая, что mouseenter обработчик должен скрыть .flashOn элемент?

источник

2015-01-04 20:32:31

Новый синтаксис для меня несколько обработчиков на одном элементе, tyvm сэр – sodawillow

я создал два класса в CSS , один отображается none (flash On), в основном, когда i mouseover я хочу, чтобы изображение, содержащееся во втором div (display none), отображало и скрывало класс «flash». но это все равно не работает. Я попробовал ваш, но не работает. спасибо в любом случае –

привет, он работает. хорошо, извините за плохое объяснение. Мне нужно, чтобы второе изображение перекрывалось и происходило первым, а не рядом ... Мне нужно исправить это, но все в порядке. спасибо –

У вас есть синтаксические ошибки для mouseenter и mouseleave.

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

источник

2015-01-04 20:38:50 GGhe

спасибо, это хорошо. теперь я получил правильный синтаксис, как я написал andrew. я просто нуждаюсь в небольшой модификации в том, что два изображения не рядом, а одно происходит с другим. –

окончательное решение

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

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

} 
});

спасибо за правильный синтаксис, это нормально Теперь

источник

2015-01-04 21:03:31

ответ

Смежные вопросы