当鼠标悬停在链接上时，基本工具提示不会生成动画

Question

我的代码非常简单，我避免使用插件，这里是：

**CSS**

.tooltip{
display:none;
height:100px;
width:100px;
background-color:#000;
}

**HTML**

<a href="#" class="testing">
link 
<div class="tooltip">
<!--information goes here -->
</div>
</a>


**JQUERY**
$('.testing').live('hover',function(){
$(this).children('.tooltip').fadeIn(300);},
function(){$(this).children('.tooltip').fadeOut(300);});

问题是，当鼠标离开链接时，div“工具提示”不会淡出，我的假设是因为我正在使用.live（），任何人都可以帮我解决方法吗？

Answer 1

试试这个

$('.testing').live("mouseenter",function(){$(this).children('.tooltip').fadeIn(300);})
  .live("mouseleave", function() {
  $(this).children('.tooltip').fadeOut(300);
}); 

http://jsbin.com/ewivo/2

的工作演示