JQueryUI按钮幻灯片动画不必要地扩展布局

Question

看看这个jsfiddle

我试图将两个按钮并排放置，一个按钮是动态的，只有当某个事件发生时才会出现（例如按下另一个按钮）。但在动画过渡期间，布局会稍微扭曲

$('.btn-toggle').click(function(){
    $('.btn-del').toggle( "slide", {direction: "left" }, 500 );
})

Answer 1

这里发生的事情是jquery动画添加一个占位符到按钮将设置为动画的位置。这是改变切换按钮位置的元素。如果你设置动画的速度真的很慢，并查看HTML代码，你将能够看到这一点。

这是我用来隐藏占位符的css所以这个woudldnt发生了

button.ui-effects-placeholder{
   display: none !important;
}