2

大学の Web デザイン/グラフィック デザイン コースのポートフォリオ Web サイトを完成させたばかりで、ナビゲーションの一部に jQuery UI アコーディオンを使用しています。私のウェブサイトはライブです。ここをクリックしてご覧ください。

「作業」をクリックすると、アコーディオンが展開されますが、少し「ジャンプ」して所定の位置に収まります。何が悪いのかわからないようです。JavaスクリプトでautoHeightをfalseに変更しようとしましたが、何もしません。

これは私の HTML と CSS のフィドルですが、ライブ サイトとは異なる方法でジャンプをレンダリングすることに気付きました.. http://jsfiddle.net/jNYAc/

私が現在持っている jQuery コードは非常に単純です。

$(function () {
    $(".accordion").accordion({
        active: false,
        collapsible: true
    });
});

誰か提案があれば、本当に感謝します!!

4

1 に答える 1

3

これが機能する理由はわかりませんがoverflow: hidden、コンテナ div ( <div class="nav">) に追加すると、ジャンプがなくなります。height宣言も削除しました。

私の推測では、アコーディオンが開いているときに div の幅が変更され、それが「ジャンプ」を強制するということです。追加すると、UI は内部overflow:hiddenの幅を無視するだけなので、幅は問題になりません。<ul>

注:jsfiddleではなく、devtoolsのページでこれを直接行いました。

于 2013-04-19T15:45:37.507 に答える