jquery跳出效果会破坏列表的内联对齐
我正在尝试使用我的网站的主导航制作一些动画。 有了这个，我想在导航菜单项hover时应用弹跳效果。 这是我导航的结构：
然后我在我的script.js文件中有这个：
$('nav ul li a').hover(function() { //mouse in $(this).parent().effect("bounce", { times:3 }, 'normal') });
我已经让每个列表项在被徘徊时被弹回但是我遇到了问题，因为当它们被盘旋时，列表项对齐中断就像它们会被丢弃在底部（我的列表项应该是内联的）。 他们在被徘徊时也会不断弹跳。
我想要发生的是，我可以限制它的弹跳效果，它只会进行一次弹跳，并且会在链接鼠标输出后再次反弹。 此外，我想在弹跳时保持导航的内联显示。
这可能吗？ 我尝试了一些东西，但它没有用。 任何帮助，将不胜感激。 先感谢您。
正如诺亚1989所说， float:left是关键：
li { float:left; }
这是我使用的js：
$('li a').hover(function() { //mouse in $(this).parent().effect("bounce", { times:1 }, 'normal'); }, function () { //mouse out $(this).parent().effect("bounce", { times:1 }, 'normal'); });
如果你想在hoverIn和hoverOut上看到弹跳， 这就是小提琴。
唉……在提供赏金后，我找到了这个问题的答案，提供了正确的解决方案：
使用float:left而不是display:inline 。