0

特定の一連の要件を連携させるのに苦労している。

ベースの JQuery UI デモから始めます: http://jqueryui.com/tabs/#collapsible Collapsible を True に設定すると、アクティブなタブヘッダーをクリックしたときにタブを閉じることができます。

読み込み時にタブを閉じる必要があるため、Active; を追加しました。False それはうまくいきます.....

ここで、トランジションを追加して、タブが変更されたときに、耳障りな変更ではなく、滑らかなトランジションになるようにします。

何が起こっているかというと、別のタブを選択すると、アクティブなタブが完全に閉じて、他のタブが開くということです。

パネルを完全に閉じずに、新しく選択したパネルのサイズに合わせてアニメーション化する方法はありますか?

実際に起こっているのは、アクティブなパネルが閉じており、別の (別の) パネルが開いていることです。

そのため、私たちが使用している JQuery UI デモ調整アプローチは、最善のアプローチではない可能性があります。

上記の説明を達成するためのアドバイスや提案を探しています。

ありがとう -デイブ

4

1 に答える 1

0

を使用して、選択したタブが変更されたときのイベントを設定する必要があります

$("#tabs").tabs({activate:function(){...}});

アニメーション化$("#tabs")できるように絶対的な高さが必要です。

$( "#tabs" ).height($(ui.newPanel||ui.panel).height()+83);

実際の例については、このJSFiddleを参照してください。

于 2013-11-06T18:43:41.317 に答える