4

ページにアコーディオン ウィジェットがあり、アニメーションを開いたときに停止する必要がある場所を超えて拡張し (アニメーションの最後で正しいサイズにスナップします)、閉じたアニメーションを開始すると、この同じ拡張サイズにスナップします。私の場合、アコーディオン コンテンツは 150 ピクセルに拡大する必要がありますが、Chrome の [要素の検査] ウィンドウでアニメーション化するのを見て、185 ピクセルに一時的に移動するのを見ました。

position: absoluteアコーディオンセクションを簡単に変更して計算を行うときに、パディングやマージンがサイズ計算を行うときにjQueryをだます可能性があることを他の人が示唆しているのを見ました。

http://jsfiddle.net/shadowycore/T5fnZ/1/

どんな助けでも大歓迎です。

4

6 に答える 6

9

私は同じ問題を抱えていましたが、数時間後、次の CSS を追加することで最終的に修正できました。

 .ui-accordion .ui-accordion-content{
      box-sizing:content-box;             
      -moz-box-sizing:content-box;
}

これが役立つことを願っています

于 2013-05-30T13:50:19.870 に答える
8

Overflow:auto が鍵です!! jquery アコーディオンの例を確認すると、ジャンプしないことがわかります。.ui-accordion-content クラスの overflow:auto スタイルにかかっていることがわかりました。

したがって、overflow:auto スタイルをコンテンツ クラスに追加するだけで済みます。

.ui-accordion .ui-accordion-content{
  overflow:auto;
}
于 2013-08-29T09:41:02.033 に答える
2

アコーディオン内にタグをセットしてオンにすると、びくびくがなくなりましmargin:0たpadding:0。h3ul

于 2014-06-18T21:52:43.993 に答える
0

一種のバグのようです。jqueryui AIP の例でも同じ効果があります。

http://api.jqueryui.com/accordion/#entry-examples

于 2013-01-20T01:41:21.603 に答える
0

簡単な修正は、ウィジェットをタグで囲み、<div>代わりにアコーディオンをそのタグに適用することです。そうしないと、アコーディオン アクションがマージンとパディングを調整しようとするため、「ぎくしゃく」が発生します。

于 2015-02-19T20:02:52.520 に答える