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

我想问我就是看着视频写的代码,脚本也包含了为什么二级菜单不能够显示?

function $(document) {


}


$(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()

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

        })

})


提问者:EndMeOut 2018-04-02 15:52

个回答

  • qq_晴天_134
    2018-08-03 10:12:41

    我也是不显示,都写了

  • lm29
    2018-04-07 19:21:18

    你的jquery.min.js的代码写了吗?

  • 旅行的癞蛤蟆
    2018-04-04 20:31:57

    是不是漏了id="test"