Question

我一直在玩jQuery的onmouseover功能。下面的代码执行以下操作：当用户悬停链接时，它会触发背景图像上带有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");
    });
});

JQuery Onmouseover选择属性

1 个答案: