неожиданный бросок

Question

У меня есть галерея на "http://dev.moragues.pe/austral/es/#/nosotros/organizacion/gerencia/" Я зарегистрировал два события

    jQuery('.ngg-gallery-thumbnail a img')
        .live('mouseover',function() {
    alert('a');
            jQuery(this).css('zIndex','100').addClass("hover").stop()
            .animate({
                top: '0',
                left: '0',
                width: '415px',
                height: '315px'
            }, 600);
        })
        .live('mouseout',function(){
    alert('b');
            it = jQuery(this).attr('initialTop');
            il = jQuery(this).attr('initialLeft');
            jQuery(this).removeClass("hover").stop()
            .animate({
                top: it,
                left: il,
                width: '105px',
                height: '80px'
            }, 600,function(){
jQuery(this).css('zIndex','0').addClass("hover").stop()
});
        });

Но когда я помещаю мышь над элементом div, я снова вижу предупреждение ('a'), предупреждение ('b') и предупреждение ('a'), но я просто прошел мышь (так что я думаю, что это только одно событие)

Я бываю в Google Chrome и Internet Explorer. У кого-нибудь есть идеи?

Answer 1

Эта проблема возникает только при использовании alert(), который устанавливает фокус на поле предупреждения, вызывая многократное срабатывание события mouseover.

Когда я изменяю alert на console.log или какое-либо другое действие, оно срабатывает только один раз.