スーパーフィッシュのドロップダウンメニューonmouseoverの遅延を削除し、Hoverintent delay onmouseoutを維持します

Question

Superfishドロップダウンフィックスの初期遅延を取り除くことができません。私のクライアントは、遅れてonmouseoutを望んでいますが、遅れてonmouseoverではありません。

私は純粋なCSSのドロップダウンメニュー（Twentytenのドロップダウンメニューと同じです）を持っていて、これにSuckerfish.jsを適用しています。

は、ここに私のコードです：

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

私はthe manual of Superfishを通読してきたが、私は初期遅延をトリガものを見つけるように見えることはできません。たぶんそれはアニメーションanimation: {opacity:'show'}と関係があります（これは私の周りに頭を上げることはできません）。

お寄せいただきありがとうございます。

Answer 1

HoverIntentプラグインが含まれているようです。スーパーフィッシュのオプションの1つが「disableHI」です。これを "true"に設定すると、SuperfishはHoverIntentを使用してmouseenterイベントを遅延させません。あるいは、HoverIntentプラグインをサイト上の他の場所で使用する予定がない場合は、そのプラグインを含めることはできません。お役に立てれば。

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

私は2つのテストケースを作成しました。 first oneはCSSを使用したページの簡略化されたバージョンであり、the secondはまったく同じですが、私はすべてのCSSを削除し、Superfishウェブサイトにある基本的なsuperfish.cssのみを含んでいます。 superfish.cssが動作するように、メニュークラスを 'menu'から 'sf-menu'に変更しました。

私のCSSを使ったバージョンはあなたが望むように動作しますが、あなたのCSSが付いているものはあなたのバグです。私は、自分のものと自分のものを比較し、それに近いものにあなたのものを変更することで、あなたが並べ替えることができるCSSの問題があると思います。私が見る1つの違いは、サブメニューのULを固定幅に設定し、その子のLIを100％に設定することです。これは犯人ではありませんが、あなたのCSSを、Superfishのメニューを試して試したやり方ともっと密接に合わせることで恩恵を受ける可能性があることを示しています。お役に立てれば。

Answer 2

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

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

高さのみをアニメーション化すると、不透明度ではなく視覚的な反応が即座に得られます。

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

 $('ul#menu-airco-mb-navigatiestructuur').superfish({ 
      delay  : 0, 
      animation : { height:'show' }, 
      speed  : 'fast' 
     });