1

WordPress サイトの HoverIntent と Superfish で遅延パラメータを機能させるのに問題があります。ここにある Web サイト: http://bit.ly/MJ8KT6は素晴らしくフェードインしていますが、このコードを使用してマウスアウトの遅延を提供していません:

<script type="text/javascript">

// initialise plugins
jQuery(function(){
    jQuery('ul#menu-primary-navigation').superfish({
     delay:600
    });
});

</script>

disableHI: falseを設定して、HoverIntent が無効にならないようにしました。WordPressサイトであるため、wp_enqueue_scriptを使用してスクリプトが正しくロードされていることも確認しましたが、やはり役に立ちませんでした. コードは HTML ファイルで問題なく動作するため、WordPress と関係があるはずです。それは私が見落としていたものではないかと思います。どんなフィードバックでも大歓迎です。

4

1 に答える 1

2

これは WordPress とは関係なく、すべては CSS 定義と関係があります。（そのため、上記のトピック外としてクローズされます）。しかし、あなたはまだ答えが必要なので...

デフォルトのスタイルシートで、サブメニューを含むリスト要素を次のように定義します。

.menu ul li ul.sub-menu {
    position: absolute;
    left: -9999em;
    z-index: 9999;
    width: 200px;
}

これにより、メニューが画面から完全に押し出されますが、これは問題ありません。left: -9999em;ただし、ホバー疑似状態で宣言をオーバーライドします。

.menu ul li:hover ul {
    left: auto;
}

Superfish がインストールされていなくても、この CSS の組み合わせにより、メイン メニュー項目にカーソルを合わせると、サブメニューが画面に表示されたり消えたりします。残念ながら、ホバリングを止めるとすぐにメニューが消えることも意味します. それはまだ Superfish によって隠されています... 画面に表示されなくなっただけです。

CSS から宣言を単純に削除するとleft: -9999em;、タイマーが設定された遅延に達するまで画面からマウスを離しても、メニューは表示されたままになります。その後、メニューは消えます。

于 2012-08-07T15:19:37.507 に答える