toggleClass 在鼠标移动时闪烁答案

【问题标题】：toggleClass flickering on mouse movementtoggleClass 在鼠标移动时闪烁
【发布时间】：2013-03-06 02:18:35
【问题描述】：

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

查看上面的网址并将鼠标悬停在右上角的向下箭头或搜索图标上。当用类cp-dropdown 悬停在这个li 上时，我想切换类showme 但是由于某种原因，当你移动鼠标时，类似乎闪烁？有人有什么想法吗？

使用的jQuery：

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

谢谢

【问题讨论】：

标签： jquery css toggleclass

【解决方案1】：

mouseenter 事件不断触发，因此不断切换您的课程。实现mouseleave 删除类：

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

【讨论】：

谢谢伙计，我稍后会实现这个，让你知道结果！ :]
谢谢你，伙计，我花了 2 分钟来调整你的代码来回答这个问题，请参阅下面的编辑 :)

【解决方案2】：

感谢上面的@james246，我能够很容易地解决这个问题，我已经调整了他的代码来彻底解决这个问题；我基本上需要在我的下拉菜单上应用与子 div 相同的z-index。请参阅以下我的补充：

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

希望这会有所帮助，请参阅问题中的 url 以获取工作示例 :)

【讨论】：