1

JqueryUI ライブラリでバウンスとアニメーションという関数を使用したいのですが、3 つの問題に直面しています。

1) 次のコードを使用してバウンス効果を適用します。

$('#element').toggle( 'bounce', { times: 3 }, "slow" );

しかし、これはバウンスの終了後に要素を非表示にします。この動作を回避するには??

2) を使用して要素を中央にmargin-left: auto;margin-right: auto;配置しましたが、バウンス中に要素が左に配置され、マージン auto を無視します。

3) 関数 animate を使用して、このコードを使用して背景色を要素にフェードインします。

$('#element').animate({backgroundColor: '#FFFF99'}, 'slow');

何らかの理由で、これはボックス全体ではなく、最初の子 div までアニメーション効果を適用します。例えば：

<div id="element">
   <p>this paragraph will get animated but the child div will not</p>
   <form>
      <div id="child"></div>   
   </form>
</div>

これは問題を説明するフィドルです: http://jsfiddle.net/E5XvT/1/

ありがとう

4

2 に答える 2

3

jQueryドキュメントから：

.toggle(): 一致した要素を表示または非表示にします。

あなたが欲しいのはこれです：

$('#element').effect( 'bounce', { times: 3 }, "slow" );

フィドル

背景色を明示的に設定しています#child

background-color: white;

その行を削除すると機能します。

于 2013-06-28T15:00:04.077 に答える
0

rusln が #1 に答えたようです...

＃2の使用に答えるには：

    <div id="element" align="center">...

＃3の使用に答えるには（cssで）

    #child {
    background-color: inherit;
    }

お役に立てれば

于 2013-06-28T16:53:52.830 に答える