jQuery的菜單不工作

Question

HI我這裏有這個jQuery菜單

http://jsfiddle.net/pJMva/8/

，它似乎沒有工作.....按鈕應該擴大到對上懸停

感謝所有努力讚賞

Answer 1

添加position:relative;到你的CSS：

.anim_queue_example1 a 
{ 

    margin: 15px; 
    width: 50%; 
    height: 25px; 
    display: -webkit-box; 
    display: -moz-box; 
    display: box; 
    -webkit-box-align: center; 
    -moz-box-align: center; 
    box-align: center; 

    text-decoration: none; 

    font-size: 15px; 
    font-weight: 700; 

    background: #333; 
    color: #fff; 
    position:relative; 

} 

示例：http://jsfiddle.net/niklasvh/pJMva/10/

Answer 2

這將起作用。

$(document).ready(function() { 
    $('ul.anim_queue_example1 a') 
    .hover(function() { 
      $(this).animate({ 
       opacity: 0.25, 
       left: '+=20', 
       height: 'toggle' 
      }, 5000, function() { 
      // Animation complete. 
      }); 
    }, function() { 
      $(this).animate({ 
      opacity: 0.25, 
      left: '+=0', 
      height: 'toggle' 
      }, 5000, function() { 
      // Animation complete. 
     }); 
    }); 

}); 

檢查這裏的工作示例http://jsfiddle.net/pJMva/23/