JQuery Onmouseover атрибут выбора

Question

Я немного играл с функцией onmouseover jQuery. Ниже приведен следующий код: когда пользователь наводит ссылки, он запускает заголовки (текст) с помощью поля css (текст + фон) на фоновом изображении. Но есть проблема видимости, когда это происходит. Для того, чтобы пользователь мог видеть заголовки спама onmouseover, пользователь должен пройти по изображению, пока он не найдет триггер onmouseover, чтобы увидеть заголовок (текст).

Что я хочу достичь: когда пользователь наводится на любую часть фонового изображения, он вызывает все события onmouseover внутри одного и того же div. К сожалению, я боюсь найти решение для него.

Jquery: 

var $j = jQuery.noConflict(); 

$j(document).ready(function(){ 

$j('a').mouseout(function(){ 
    var book_id=$j(this).parent().attr('id'); 
$j('#'+book_id).children('.info_span1').hide(); 
$j('#'+book_id).children('.info_span2').hide(); 
}); 

$j('a').mouseenter(function(){ 
    var book_id=$j(this).parent().attr('id'); 
    var position = $j(this).position(); 
$j('#'+book_id).children('.info_span1').show();$j('#'+book_id).children('.info_sp 
an2').show(); 


     $j('#'+book_id).children('.info_span1').text($j(this).data("title1")); 
     $j('#'+book_id).children('.info_span2').text($j(this).data("title2")); 
     $j('#'+book_id).children('.info_span1').css({top: $j(this).height()-6, 
    left:position.left, position:'absolute'}); 
     $j('#'+book_id).children('.info_span2').css({top: $j(this).height()-6, 
     left:position.left+$j(this).width(), position:'absolute'}); 

    }); 
}); 

HTML-, JQuery и CSS здесь:

jsfiddle

ВОТ РЕШЕНИЕ: JSFIDLE

Answer 1

, чтобы вызвать событие курсора, находящегося во всех элементах внутри DIV вы используете н, как это:

$("selector").mouseover(function(){ 
    $(this).find("*").each(function(){ 
     $(this).trigger("mouseover"); 
    }); 
});