4

ログインボックスにバウンス効果を作成するためにjQueryUIを使用してjQueryを使用しているサイトに問題があります。

ただし、ログインボックスが入っているdivには問題があります。画面の左側でバウンスするのに、中央でバウンスする必要があり、バウンスが完了するとジャンプします。

私はそれを実証するためにJSFiddleを作成しました：http： //jsfiddle.net/prooi/GqyfX/

あなたが見て、なぜそれがそのように振る舞うのかについて私にいくつかの考えを与えることができれば、それは素晴らしいでしょう。

前もって感謝します。

4

2 に答える 2

7

コンテナに別のdivを挿入し、その上にjqueryコードを適用します。

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

ネストされたdivにjqueryコードを適用します。

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

問題は解決されます:)

于 2012-06-14T19:00:17.120 に答える
1

これをJavaScriptに追加する必要があります：

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

left:auto;そして、margin:auto;のcssのとを削除します#container

これがフィドルです：http： //jsfiddle.net/GqyfX/2/

フィドルでは、例のサイズが大きいためそれほど大きくはありませんが、Webサイトで試してみてください

于 2012-06-14T18:54:22.173 に答える