Эффект отказов jQuery не работает для ссылок в неупорядоченном списке

Question

У меня проблемы с включением эффекта отскока.animate () работает до тех пор, пока тег привязки относительно расположен.Я сделал jsfiddle со всеми моими css и html с моего сайта, доступными здесь: http://jsfiddle.net/CRzFj/

Я ищу результат, похожий на http://jsfiddle.net/RGvjj/26/, но я думаю, что один из моих стилей CSSсломать отказов.Я не уверен, какой это. Хотя.

РЕДАКТИРОВАТЬ На самом деле нашел ответ на это вскоре после публикации, и поиграться с jsfiddle.Мне нужно было добавить position: относительный и display: block в теги span, удалив float: left.

.nav ul.primary-menu li a span {
    //float: left;
    height: 198px;
    line-height: 335px;
    text-align: center;
    width: 100px;
    // new code here
    display: block;
    position: relative;
}

Answer 1

вы забыли добавить span, просто сделайте это

$("#primary-menu-bar ul.menu li a span").hover(function() {
    $(this).effect("bounce", { times: 3 }, 300);
});