jQuery悬停功能，以滑动范围

Question

我已经创建了一些共享按钮，试图使像tweet，pin等标准看起来更好一点。我创建了一个jsfiddle来演示我遇到的问题。他们几乎按照预期工作，但在悬停时，我需要跨度以防止用户点击下面的按钮，并且无法弄清楚。如果你玩小提琴，你会明白我的意思。

我的HTML：

<div class="sharebuttons"> 
    <ul> 
     <li id="tweet"><span></span><a href="">tweet</a></li> 
     <li id="like"><span></span><a href="">like</a></li> 
     <li id="pin"><span></span><a href="">pin</a></li> 
     <li id="plusone"><span></span><a href="">plusone</a></li> 
    </ul> 
</div> 

JS：

$(document).ready(function(){ 
    $('.sharebuttons ul li span').hover(function(){ 
     $(this).slideUp(); 
    }, function(){ 
     $(this).slideDown(); 
    }); 
}); 

工作小提琴是这里

http://jsfiddle.net/bgxZB/

Answer 1

你需要的目标浩版本1.00上的li代替span：

$(document).ready(function(){ 

    $('.sharebuttons ul li').hover(function(){ 
     $(this).find('span').slideUp(); 
    }, function(){ 
     $(this).find('span').slideDown(); 
    }); 

}); 

Demo