Question

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

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

这是JSFIDDLE：here

 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_span2').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'});

  });
});

这是解决方案：jsfiddle

JQuery如何解雇所有子onmouseover元素

0 个答案: