2回答

• 

  FreeDragon

  2018-04-20 14:46:07

  已采纳

  $(document).ready(function() {

    var sub = $('#sub')

  
  

    var activeRow

    var activeMenu

    $('#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

        }

  
  

        activeRow.removeClass('active')

        activeMenu.addClass('none')

  
  

        activeRow = $(e.target)

        activeRow.addClass('active')

        activeMenu = $('#' + activeRow.data('id'))

        activeMenu.removeClass('none')

      })

  })

  
  

  0 2
• 

  慕娘1107696

  2018-04-22 10:51:14

  谢谢老师，现在OK了
  

  0 0