问答详情
源自:3-1 实现菜单的基本交互

老师,可以给一份subline中的js代码做参考吗

把你的代码拷贝了一份,在网页中不能实现效果

提问者:慕娘1107696 2018-03-27 22:27

个回答

  • 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')

        })

    })


  • 慕娘1107696
    2018-04-22 10:51:14

    谢谢老师,现在OK了