10

Superfish ドロップダウン修正の初期遅延を解消するのに問題があります。私のクライアントは onmouseout の遅延を望んでいますが、onmouseover の遅延は望んでいません。

純粋な CSS ドロップダウン メニュー (Twentyten ドロップダウン メニューと同じ) があり、これに Suckerfish.js を適用しています。

これが私のコードです：

$('ul#menu-airco-mb-navigatiestructuur').superfish({
    delay: 600,
    autoArrows:    false,
    speed: 'fast'
});

Superfish のマニュアルを読んでいますが、初期遅延の原因がわかりません。多分それはアニメーションと関係があるのでしょうanimation: {opacity:'show'}（私には理解できないようです）。

助けていただければ幸いです！

4

2 に答える 2

13

HoverIntent プラグインを含めているようです。Superfish のオプションの 1 つに「disableHI」があります。これを「true」に設定すると、Superfish は HoverIntent を使用して mouseenter イベントを遅らせません。または、サイトの他の場所で使用する予定がない場合は、HoverIntent プラグインを含めないこともできます。お役に立てれば。

$('ul#menu-airco-mb-navigatiestructuur').superfish({
    delay: 600,
    autoArrows: false,
    speed: 'fast',
    disableHI: true
});

2 つのテスト ケースを作成しました。1つ目はCSS を使用した簡易バージョンのページで、2 つ目はすべての CSS を削除し、Superfish Web サイトにある基本的な superfish.css のみを含めた以外はまったく同じです。また、superfish.css が機能するように、メニュー クラスを「menu」から「sf-menu」に変更しました。

私のCSSを使用したバージョンはあなたが望むように機能しますが、あなたのCSSを使用したバージョンにはあなたが説明したバグがあることに注意してください. 私のものとあなたのものを比較し、あなたのものをより近く一致するように変更することで解決できるCSSの問題があると思います. 私が見る違いの 1 つは、サブメニューの UL を固定の em 幅に設定し、その子 LI を 100% に設定しているのに対し、あなたはそうしていないことです。これが原因ではありませんが、CSS を Superfish メニューの試行済みの方法に近づけることで利益が得られる可能性があることを示しています。お役に立てれば。

于 2011-12-14T12:29:42.007 に答える
0

マウスオーバーで表示されるのは遅延ではなく、実際のアニメーションの実行です。

アニメーションを削除できると思います。

高さだけをアニメーション化すると、表示されるのに 1 秒かかる不透明度とは対照的に、すぐに視覚的な反応が得られます。

機能的にはそうかもしれませんが、視覚的にはわかりません。

        $('ul#menu-airco-mb-navigatiestructuur').superfish({
            delay       : 0,
            animation   : { height:'show' },
            speed       : 'fast'
        });
于 2011-11-22T17:52:38.413 に答える