jQuery UI - 反彈 - div從左到右跳轉

Question

我的網站出現問題，我在jQuery上使用jQuery UI，在登錄框上創建反彈效果。

但是，我遇到登錄框的div問題，因爲它在屏幕左側彈跳，什麼時候它應該在中間彈跳，彈跳完成後還會跳轉到哪裏。

我創建了一個的jsfiddle進行論證： http://jsfiddle.net/prooi/GqyfX/

如果你可以看看，並給我，爲什麼它的行爲就像是一些想法，這將是真棒。

在此先感謝。

Answer 1

插入容器內部的div和應用上即

<div id="container"> 
    <div id="nested"> 
    <!-- Your Existing Html Markup --> 
    </div> 
</div> 

jQuery代碼，並應用了jQuery代碼嵌套格即

$(document).ready(function() { 
    $("#nested").effect('bounce', 250); 
}); 

這個問題將得到解決:)

Answer 2

您需要添加這在你的JavaScript：

$('#container').css('margin-left', $('#container').width()- $('#container').width()/2); 

，並清除left:auto;並在#container

這裏的CSS的margin:auto;年代小提琴： http://jsfiddle.net/GqyfX/2/

在它的小提琴不是因爲示例的大小而太棒，而是在您的網站上試用它