JQuery Onmouseover选择属性

我一直在玩jQuery的onmouseoverfunction。 下面的代码执行以下操作：当用户hover链接时，它会触发背景图像上带有css（文本+背景）位置的标题（文本）。 但是当发生这种情况时会出现可见性问题。 为了让用户看到onmouseover垃圾邮件标题，用户必须遍历图像，直到找到onmouseover触发器才能看到标题（文本）。

我想要实现的是：当用户在背景图像的任何部分上盘旋时，它将触发同一div内的所有onmouseover事件。不幸的是，我正在努力寻找它的解决方案。

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中的所有元素中触发mouseover事件，你可以这样使用：

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