/ / JQueryUI animacja slajdu przycisku niechcianie rozwija układ - jquery, jquery-ui, twitter-bootstrap-3

Animacja slajdów przycisku JQueryUI niechcianie rozwija układ - jquery, jquery-ui, twitter-bootstrap-3

Popatrz na to jsfiddle

Próbuję umieścić dwa przyciski obok siebiejeden przycisk jest dynamiczny i pojawia się tylko wtedy, gdy jest pewne zdarzenie (w przykładzie jest naciśnięcie drugiego przycisku), ale podczas przejścia animacji w jakiś sposób układ ulega zniekształceniu

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

Odpowiedzi:

0 dla odpowiedzi № 1

Co się tutaj dzieje, to dodawanie animacji jquerysymbol zastępczy, do którego będzie animowany przycisk. To jest element, który zmienia pozycję przycisku przełączającego. Jeśli ustawisz prędkość animacji naprawdę wolno i spojrzysz na kod HTML, zobaczysz to.

Oto css, które zrobiłem, aby ukryć symbol zastępczy, aby ta chwila się wydarzyła

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