Mouseover JQuery на родственных элементы Flick

Question

$('body').on({ 
    mouseenter: function() { 

     $(this).siblings('span').show(); 
    }, 
    mouseleave: function() { 

     $(this).siblings('span').show().hide(); 
    } 
}, "div"); 

я помещаю мой HTML, как это

<div></div> 
<span>x</span> 

It щелчки, когда я наведите курсор мыши на пролет, как решить, что без перемещения пяди, как ребенок в поле в DOM?

Answer 1

Это потому, что вы не привязаны события правильно:

$('body div').hover(function(){//mouseover event 
    $(this).next().show(); 
},function(){//mouseleave event 
    $(this).next().hide(); 
}); 

Вы также можете сузить код, чтобы использовать .toggle() по наведению:

$('body').on('hover','div',function(){ 
    $(this).next().toggle(); 
}); 

Answer 2

Как вы хотите связать событие, чтобы охватить :

$('body').on("hover", "span", function(){ 
    $(this).show(); 
},function(){ 
    $(this).hide(); 
}); 

Вы также можете использовать мышь и мышь также:

$('body').on("mouseenter","span", function(){ 
     $(this).show(); 
    }).on("mouseleave", "span",function(){ 
     $(this).hide(); 
    });