jquery - jQuery - 画面上のオブジェクトの位置を変更せずにバウンス効果

Question

問題を見つけるためにhtmlやcssが必要かどうかはわかりませんが、クリックすると画像のバウンス効果が呼び出され、バウンス前/バウンス中に画面上の位置が完全に変わります。これがなぜなのかわかりませんか？私は持っている：

$('img').click(function() {
        $(this).effect('bounce', {times:3}, 300);
});

他の div (入力を含む) の右側にある画像と、バウンスのために画面の中央下部にジャンプする

編集: jsFiddle は次のとおりです: http://jsfiddle.net/ep6wG/1/ (画像はバウンスする必要があります)

Answer 1

このデモをチェックしてくださいhttp://jsfiddle.net/yeyene/nmy3V/

このようにcssを設定できます。

#content {
    float:left;
    width:100%;
    margin:100px 0 0 0;
    background:red;
}
#content img {
    position:absolute;
    width:100px;
    height:120px;
}
#content input {
    float:left;
    margin:50px 0 0 120px;
}
#content div {
    float:left;
    margin:100px 0 0 10px;
}