JQuery многократный эффект наведения не работает

Question

$(document).ready(function() { 
    $("#aboutme-block").hide(); 
    $("#stories-block").hide(); 

    $("div.aboutme").hover(function() { 
     $("#aboutme-block").fadeIn(1000); 
     $("#stories-block").hide(); 
    }); 

    $("div.stories").hover(function() { 
     $("#stories-block").fadeIn(1000); 
     $("#aboutme-block").hide(); 
    }); 
}); 

Может ли кто-нибудь сказать мне, что здесь не так?

Answer 1

Не уверен, что проблема есть, но я бы предотвратить анимации из происходит без необходимости.

$(document).ready(function(){ 
    $("#aboutme-block,#stories-block").hide(); 

    $("div.aboutme").mouseenter(function() { 
    $("#aboutme-block:hidden").fadeIn(1000); 
    $("#stories-block").stop(true,true).hide(); 
    }); 

    $("div.stories").mouseenter(function(){ 
    $("#stories-block:hidden").fadeIn(1000); 
    $("#aboutme-block").stop(true,true).hide(); 
    }); 
}); 

Вот сокращенный вариант, который повторно использует один и тот же обработчик:

$(document).ready(function() { 
    var blocks = $("#aboutme-block,#stories-block").hide(); 

    $("div.aboutme,div.stories").mouseenter(function() { 
     var isAboutme = $(this).hasClass('aboutme'); 
     blocks.eq(+(!isAboutme)).filter(":hidden").fadeIn(1000); 
     blocks.eq(+(isAboutme)).stop(true, true).hide(); 
    }); 
}); 

Answer 2

У вас есть $("div.aboutme").hover .... Этот элемент управления найден?

Answer 3

использование mouseover вместо hover:

$(document).ready(function(){ 
    $("#aboutme-block").hide(); 
    $("#stories-block").hide(); 

    $("div.aboutme").mouseover(function() { 
    $("#aboutme-block").fadeIn(1000); 
    $("#stories-block").hide(); 
    }); 

    $("div.stories").mouseover(function(){ 
    $("#stories-block").fadeIn(1000); 
    $("#aboutme-block").hide(); 
    }); 
}); 

Answer 4

Проблема была решена. Проблема заключалась в том, что версия JQuery запущена. Если вы попытаетесь запустить patrick's example с использованием версии 1.2.6, это не сработает. Проблема с использованием более высокой версии. Спасибо, ребята, за всю помощь :)