不能实现斜线到二级菜单,找不到问题所在,哪位大神帮我看看,多谢啦

JS实现京东无延迟菜单效果

$(document).ready(function(){
  var sub = $('#sub')
  
  var activeRow
  var activeMenu
  
  var timer
  
  var mouseInSub = false
  
  sub.on('mouseenter', function(e) {
    mouseInSub = ture
  }).on('mouseleave', function(e) {
    mouseInSub = false
  })
  
  $('#test')
    .on('mouseenter', function(e) {
      sub.removeClass('none')
    })
  
    .on('mouseleave', function(e) {
      sub.addClass('none')
      
      if (activeRow) {
        activeRow.removeClass('active')
        activeRow = null
      }
      
      if (activeMenu) {
        activeMenu.addClass('none')
        activeMenu = null
      }
    })
    .on('mouseenter', 'li', function(e) {
      if (!activeRow) {
        activeRow = $(e.target).addClass('active')
        activeMenu = $('#' + activeRow.data('id'))
        activeMenu.removeClass('none')
        return
      }
      
      if (timer) {
        clearTimeout(timer)
      }
      
      timer = setTimeout(function() {
        
        if (mouseInSub) {
          return
        }
        activeRow.removeClass('active')
        activeMenu.addClass('none')
        activeRow = $(e.target)
        activeRow.addClass('active')
        activeMenu = $('#' + activeRow.data('id'))
        activeMenu.removeClass('none')
        timer = null
      },200)
      
    })
  
})


海0豚
浏览 1167回答 2
2回答

海0豚

  mouseInSub = ture找到问题了,单词写错了。true 不是 ture
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JQuery