JQuery Accordion Auto Heightの問題
質問
私は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 });
アコーディオンを初期化してから、さらにオプションを追加していますね。なぜそんなことをするのですか?初期値として
autoHeight
は
true
であるため、すべてのタブの高さが固定されます。すべてのオプションを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/ . さらに質問がある場合は、遠慮なく 後 をクリックしてください。 の後に の後に、調べ物をしたんですね。
もしこれがあなたの質問に答えるものであれば、正解として印を付けてください。
関連
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] jQueryでページを更新するにはどうすればよいですか?
-
[解決済み] jQueryでテーブルの行を追加する
-
[解決済み] jQueryで要素にスクロールする
-
[解決済み] 既存の非順序型リストにリストアイテムを追加する方法
-
[解決済み] jQueryがどのバージョンで読み込まれているかを確認するには?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jquery mobileでページ中央のグリッド表示
-
[解決済み] jQueryです。簡単なオーバーレイを作成するにはどうすればよいですか?
-
[解決済み] jQueryで5秒待つには?
-
[解決済み] .text()を使って子タグにネストされていないテキストのみを取得する方法
-
[解決済み] jQueryでval()がchange()をトリガーしない
-
[解決済み] ボタンやリンクを無効化・有効化する最も簡単な方法とは(jQuery + Bootstrap)
-
[解決済み] jQuery / JavaScriptでJSONデータをパースする方法は?
-
[解決済み】jQueryがリクエストボディに有効なjsonを投稿する。
-
[解決済み】$(window).width()がメディアクエリとは違う
-
[解決済み] jQueryで選択されたオプションのインデックスを取得する