1. ホーム
  2. jquery

JQuery Accordion Auto Heightの問題

2023-08-10 10:51:42

質問

私はJQuery Accordionを使用しています。私はここにこのページを持っています。 http://www.hauppauge.com/site/support/support_colossus.html#tabs-6

オートハイトの読み込みに時間がかかり、読み込む前にコンテンツの下に多くの空白が生じます。読み込みが完了すると、高さが長くなり、コンテンツの正しい高さにスナップアップされます。これをシームレスにする方法はあるのでしょうか?アコーディオンタブをクリックすると、コンテンツの正確な高さまでスムーズに拡張できるようにしたいだけです。

2014年8月8日に更新しました。

使用方法 heightStyle: "content" を使っている場合は バージョン 1.9 以降の ( Tarun の の答え)

使用方法 autoHeight: false には 1.8以下 (iappwebdevの回答)

どのように解決するのですか?

では autoheight をfalseにすればいいのでは?

$( ".selector" ).accordion({ autoHeight: false });

http://jqueryui.com/demos/accordion/#option-autoHeight

EDIT

コメントを見ていると

// Accordion
$("#accordion").accordion({ header: "h3" });
$("#accordion").accordion({ collapsible: true });
$("#accordion").accordion({ autoHeight: false, navigation: true });

アコーディオンを初期化してから、さらにオプションを追加していますね。なぜそんなことをするのですか?初期値として autoHeighttrue であるため、すべてのタブの高さが固定されます。すべてのオプションを1つの呼び出しにまとめる。

// Accordion
$("#accordion").accordion({
    header: "h3",
    collapsible: true,
    autoHeight: false,
    navigation: true 
});





EDIT

2番目のコメントについて。

以下のサイトをご覧ください。 http://jqueryui.com/demos/accordion/#option-header . そのオプション h3 はデフォルトで設定されているので、呼び出しの際に設定する必要はありません。

そして、ここで質問の答えを得るのです。 JQueryアコーディオンはh3タグがないと動きません .

jQuery APIを使いこなすことは、知識を深めるためにとても重要です。jQuery APIについては http://api.jquery.com/ jQuery UIについては http://jqueryui.com/demos/ . さらに質問がある場合は、遠慮なく をクリックしてください。 の後に の後に、調べ物をしたんですね。

もしこれがあなたの質問に答えるものであれば、正解として印を付けてください。