動畫跳動與輸入填充和jQuery 1.9

Question

所以我用純粹的jQuery測試了它，它工作正常。它與引導CSS有關。我正在嘗試做一個簡單的寬度動畫，它可以工作，但動畫「跳轉」。看看擺弄，看看我說的是：

http://jsfiddle.net/qVz9M/2/

沒有引導CSS你可以看到它正常工作：

http://jsfiddle.net/qVz9M/4/

HTML：

<input class="input-small find" type="text" > 

JavaScript：

$(".find").focus(function() { 
    $(this).animate({ 
     width: "200px" 
    }, 500); 
}).blur(function() { 
    $(this).stop().animate({ 
     width: "90px" 
    }, 500); 
}); 

編輯：

所以看來PADDING是問題所在。任何人遇到這個？

EDIT2：這是與jQuery的1.9.1

Answer 1

出於好奇的修復版本中的錯誤，是動漫任何光滑的你，如果它使用CSS動畫： http://jsfiddle.net/panchroma/yYYJE/？

CSS

input.find{ 
width:90px; 
transition: all .5s; 
-moz-transition:all .5s; /* Firefox 4 */; 
-webkit-transition: all .5s; /* Safari and Chrome */ 
-o-transition: all .5s; /* Opera */ 
} 
input.find:focus{ 
width:200px; 

}