为什么我的效果是反的,在左边列表项移动时,背景色和二级菜单的切换变延迟了,但是移到二级菜单时,二级菜单却消失了
为什么我的效果是反的,在左边列表项移动时,背景色和二级菜单的切换变延迟了,但是移到二级菜单时,二级菜单却消失了
为什么我的效果是反的,在左边列表项移动时,背景色和二级菜单的切换变延迟了,但是移到二级菜单时,二级菜单却消失了
2017-05-15
$(document).ready(function() {
var sub = $('#sub')
var activeRow
var activeMenu
var timer
var mouseInSub = false
sub.on('mouseenter',function(e){
mouseInSub = true
}).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
},300)
})
})
我的也是一样 怎么办?
举报