0

CSS ホバー メニューに問題があります。

それは完全にうまく適切な場所に飛び出しますが、ポップアウトメニューのオプションの1つに移動しようとすると消えてしまい、私の人生ではそれを止める方法がわかりません.

サブ メニュー オプションの 1 つを選択しようとするとすぐにメニューが消えるのを止める方法はありますか?

Stack Overflow を調べてみましたが (間違っていたら訂正してください)、このようなものは見つかりませんでしたが、この問題を適切に検索する方法がわからないことが原因である可能性があります。

これにもjQueryを使用してみましたが、同じ問題がありました。

ここで、問題を完全に示すフィドルを見ることができます。

ありがとう。

4

4 に答える 4

2

以下のリンクがお役に立てば幸いです

http://jsfiddle.net/j8Ny4/9/

于 2012-05-02T11:59:20.880 に答える
0

これを css に追加します。

li.sign {
    width: 80% !important;
}

.navigation ul li {
   width: 115%;
}
于 2012-05-02T11:31:38.097 に答える
0

私は実際に自分の質問に答えました。

.navigation ul li:hover ul呼び出されたクラスと.showup、の表示をなしに設定した別のクラスを割り当てました.navigaiton ul li ul。

次に、このjQueryを実行して機能させました

$('li:has(ul)').hoverIntent(function() {
    $(this).find('ul').removeClass('hide');
    $(this).find('ul').addClass('showup');
}, function() {
    $(this).find('ul').removeClass('showup');
    $(this).find('ul').addClass('hide');
})

そして今、それはうまく機能します！

于 2012-05-02T17:02:46.040 に答える
0

幅を与える -> .navigation ul それに応じて

.navigation ul {
padding: 20px 20px 20px 40px;
list-style: none;
    width:300px; // according to your
}
于 2012-05-02T11:34:21.450 に答える