float:right导致jquery滑动切换dropdown div (通过悬停激活)跳跃？

Question

多亏了jquery的滑动切换和悬停功能，我有一个"drops down“的div。

在该div中，我有一些信息(如日期和备注计数器)，我有三个按钮。其中两个是tumblr按钮( {LikeButton}，{ReblogButton} )，第三个是入口符号。

我必须将它们全部放在各自独立的类中，否则它们会重叠(tumblr的问题，它们的like和reblog按钮做得不好)

我已经确定是"float:right“的css代码使得我的jquery滑动切换下拉菜单”跳跃“。(或者更确切地说，它向下滑动，然后在一毫秒内向上滑动，然后又向下滑动，从而产生抖动效果)

有人知道这可能是什么原因吗？有没有人知道更好的方法在div的右边缘对齐3个跨度(text-align:right不起作用，我已经试过了)

我的测试站点在这里：http://test-theme-one.tumblr.com

如果有帮助的话

Answer 1

你指的是这样一个事实:当你把鼠标移到它上面时，它会膨胀，然后略微收缩？如果是这样的话，尝试在.notes元素中添加设置为图标大小的min-height属性，它似乎可以防止这种抖动。

小贴士:我注意到如果你马上把鼠标移出，它也会抖动，因为它同时会调用这个方法。在动画启动时设置一个标志，以防止其他动画启动。类似下面的伪代码：

//Global Flag
flag = false;
-- start function --
 //prevent animation if another animation is in progress.
 if(flag) return; 
 flag = true;
 your.animation(function(){
    //callback (when animation is done)
   flag = false; //rest flag
 });

它抖动的原因是因为里面的元素被设置为浮动的，父元素的高度不受影响，因此动画将它视为空的。但设置最小高度或仅设置高度就可以补偿这一点。我相信事情会比这复杂得多，但这就是所发生的一切。