JQuery: Не могу понять ошибку

Question

У меня есть этот код:

$('.user_info').click(function(){ 
    var pos = $(this).offset(); 
    rel_value = $(this).attr('rel'); 

    $('#' + rel_value).css({top: pos.top + 'px', left: pos.left + 'px'}); 
    $('#' + rel_value).show('slow'); 

    $('#' + rel_value).hover(function(){}, function(){ 
     $(this).fadeOut('slow'); 
    }); 

    return false; 
}); 

Когда я нажимаю на ссылку с классом user_info, он показывает ДИВ идентифицируются '#' + rel_value. Проблема в том, что div показывает, но в то же время исчезает ($(this).fadeOut('slow');), хотя я указал это в параметре mouseout.

Что я хочу, так это то, что div должен уходить только тогда, когда мышь покидает свою область. Как это сделать?

Благодаря

Edit:

Странно, тот же код работает на jsbin, но не на моей странице: JQuery версия также то же самое.

http://jsbin.com/epifu3

Answer 1

это нормально, что он исчезает, потому что, когда вы нажимаете на элемент 1, ваша мышь находится на элементе1, поэтому не на элементе2 ('#' + rel_value).

Попробуйте это вместо этого: добавьте класс (пример: «tobeShown») ко всем элементам, у которых есть идентификатор, который вы установили обычно через свой '#' + rel_value, и приложите к ним поведение hover() отдельно от вашей функции щелчка.

$('.tobeShown').hover(function(){}, function(){ 
     $(this).fadeOut('slow'); 
    }); 

$('.user_info').click(function(){ 
    var pos = $(this).offset(); 
    rel_value = $(this).attr('rel'); 

    $('#' + rel_value).css({top: pos.top + 'px', left: pos.left + 'px'}); 
    $('#' + rel_value).show('slow'); 
    return false; 
}); 

Answer 2

Вы пробовали заменить hover с mouseleave?

Answer 3

.hover() огни для любого контейнера также оставляют действие, это эквивалентно mouseleave в вашем случае. Пробовали ли вы ваниль .mouseout()?

$('#' + rel_value).mouseout(function(){ 
    $(this).fadeOut('slow'); 
}); 

Трудно точно сказать, не видя разметку, но не с помощью пользовательского события JQuery для этого, кажется, больше того, что вы после этого.