JQuery изображение исчезает - потерять мышь над эффектами - PullRequest
Новая
       11

JQuery изображение исчезает - потерять мышь над эффектами

0 голосов
/ 08 июня 2011

Я пытаюсь сделать эффекты этого изображения: http://coverdesign.ro/teste/lore/, но иногда, когда мышь перемещается от одного объекта к другому, она теряет состояние наведения; Я использую этот скрипт js: 

 $(function () {

  $('div.fade').hover(function() {
        fade = $('> div', this);
        nume = $(this).attr('id');
        $("."+nume).addClass("mselect");
        if (fade.is(':animated')) {
            fade.stop().fadeTo(250, 1);
        } else {
            fade.fadeIn(1000);
        }
    }, function () {
       /* var fade = $('> div', this);
        var nume = $(this).attr('id');*/
        $("."+nume).removeClass("mselect");
        if (fade.is(':animated')) {
            fade.stop().fadeTo(250, 0);
        } else {
            fade.fadeOut(500);
        }
    });


        $('#menu a').hover(function() { 
        var nume = $(this).attr('class'); 
        var fade = $('#'+nume+' > div');
        //$("."+nume).addClass("mselect");
        if (fade.is(':animated')) {
            fade.stop().fadeTo(250, 1);
        } else {
            fade.fadeIn(2000);
        }
    }, function () {
        var nume = $(this).attr('class'); 
        var fade = $('#'+nume+' > div');
        if (fade.is(':animated')) {
            fade.stop().fadeTo(2000, 0);
        } else {
            fade.fadeOut(2000);
        }
    });
});

На самом деле, иногда, когда мышь перемещается от кошки к телефону, наведение не активируется. Если вы поиграете со страницей, то поймете, что изменение цвета кошки и телефона иногда не происходит из-за потери состояния при наведении.

1 Ответ

1 голос
/ 08 июня 2011

Полагаю, эта строка кода 

$('div.fade').hover(function() {

вызывает проблему в определении правильного div.Вы можете попробовать уникально идентифицировать каждый пункт меню / изображение и обработать его соответствующим образом.

...