1

http://esp-platform.ice.im/

上のURLを参照して、右上の下矢印または検索アイコンにカーソルを合わせます。クラスでこのliにカーソルを合わせるとcp-dropdown、クラスを切り替えたいのですがshowme、何らかの理由でマウスを動かしているときにクラスがちらつくように見えますか？誰かアイデアはありますか？

使用されるJquery：

function navShow() {
  $('.cp-dropdown').mouseenter(function() {
    $('.site_tint').toggleClass('showme');
  });
}

ありがとう

4

2 に答える 2

2

mouseenterイベントは何度も発生しているため、クラスを継続的に切り替えます。mouseleaveクラスを削除するために実装します。

function navShow() {
  $('.cp-dropdown').mouseenter(function() {
    $('.site_tint').addClass('showme');
  }).mouseleave(function(){
    $('.site_tint').removeClass('showme');
  });
}
于 2013-02-10T23:35:11.383 に答える
0

上記の@james246のおかげで、この問題を非常に簡単に修正できました。彼のコードを微調整して、これを完全に修正しました。基本的z-indexに、ドロップダウンメニューの子divと同じものを適用する必要がありました。以下の私の追加を参照してください：

function navShow() {
  $('.cp-dropdown').mouseenter(function() {
    $('.site_tint').addClass('showme');
    $(this).addClass('current')
  }).mouseleave(function(){
    $('.site_tint').removeClass('showme');
    $(this).removeClass('current')
  });
}

これがお役に立てば幸いです。実用的な例については、質問のURLをご覧ください:)

于 2013-03-05T18:18:35.877 に答える