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